Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
compile ‘com.android.support:design:23.2.1'
compile ‘com.android.support:appcompat-v7:23.2.1’
<resources>



<!-- Base application theme. -->



<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

<...
<resources>



<!-- Base application theme. -->



<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

<...
<manifest>

<application

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_nam...
<manifest>

<application

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_nam...
colorPrimaryDark
colorPrimary
colorControlNormal
colorAccent
colorControlNormal
colorAccent
android:navigationBarColor
colorAccent
colorControlHighlight
colorControlHighlight
colorControlNormal
colorPrimary
<menu>

<item android:id="@+id/nv_refill_coin"

android:icon="@drawable/ic_refill_coin"

android:title="@string/lzb_refill...
<menu>

<item android:id="@+id/nv_refill_coin"

android:icon="@drawable/ic_refill_coin"

android:title="@string/lzb_refill...
<android.support.v4.widget.DrawerLayout

android:fitsSystemWindows="true">



<android.support.design.widget.CoordinatorLa...
<android.support.v4.widget.DrawerLayout
android:fitsSystemWindows="true">



<android.support.design.widget.CoordinatorLay...
<android.support.design.widget.TextInputLayout

android:id="@+id/lza_til_activity_sign_up_email"

android:layout_width="ma...
<android.support.design.widget.TextInputLayout

android:id="@+id/lza_til_activity_sign_up_email"

android:layout_width="ma...
<android.support.design.widget.CoordinatorLayout>



<android.support.design.widget.AppBarLayout
android:theme="@style/The...
<android.support.design.widget.CoordinatorLayout>



<android.support.design.widget.AppBarLayout
android:theme="@style/The...
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Material Design with Support Design Library
Upcoming SlideShare
Loading in …5
×

Material Design with Support Design Library

2,635 views

Published on

Material Design with Support Design Library
2016. 3. 30
GDG Korea 3월 정기모임

Published in: Software

Material Design with Support Design Library

  1. 1. compile ‘com.android.support:design:23.2.1' compile ‘com.android.support:appcompat-v7:23.2.1’
  2. 2. <resources>
 
 <!-- Base application theme. -->
 
 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
 <item name="colorAccent">#FF4081</item>
 <item name="colorPrimary">#3F51B5</item>
 <item name="colorPrimaryDark">#303F9F</item>
 <item name="colorControlHighlight">#00CC55</item>
 <item name="colorControlNormal">#FF0000</item>
 </style>
 
 </resources>

  3. 3. <resources>
 
 <!-- Base application theme. -->
 
 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
 <item name="colorAccent">#FF4081</item>
 <item name="colorPrimary">#3F51B5</item>
 <item name="colorPrimaryDark">#303F9F</item>
 <item name="colorControlHighlight">#00CC55</item>
 <item name="colorControlNormal">#FF0000</item>
 </style>
 
 </resources>

  4. 4. <manifest>
 <application
 android:allowBackup="true"
 android:icon="@drawable/ic_launcher"
 android:label="@string/app_name"
 android:theme="@style/AppTheme" >
 <activity
 android:name="com.androidhuman.example.materialcolor.MainActivity"
 android:windowSoftInputMode="stateHidden"
 android:label="@string/app_name" >
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />
 
 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>
 
 </manifest>
  5. 5. <manifest>
 <application
 android:allowBackup="true"
 android:icon="@drawable/ic_launcher"
 android:label="@string/app_name"
 android:theme="@style/AppTheme" >
 <activity
 android:name="com.androidhuman.example.materialcolor.MainActivity"
 android:windowSoftInputMode="stateHidden"
 android:label="@string/app_name" >
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />
 
 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>
 
 </manifest>
  6. 6. colorPrimaryDark colorPrimary
  7. 7. colorControlNormal colorAccent
  8. 8. colorControlNormal colorAccent android:navigationBarColor
  9. 9. colorAccent
  10. 10. colorControlHighlight colorControlHighlight
  11. 11. colorControlNormal colorPrimary
  12. 12. <menu>
 <item android:id="@+id/nv_refill_coin"
 android:icon="@drawable/ic_refill_coin"
 android:title="@string/lzb_refill_coin" />
 
 <group android:id="@+id/nv_group_extras">
 <item
 android:id="@+id/nv_notice"
 android:icon="@drawable/ic_notice"
 android:title="@string/notice" />
 
 <item
 android:id="@+id/nv_customer_support"
 android:icon="@drawable/ic_help"
 android:title="@string/customer_support" />
 </group>
 </menu>
  13. 13. <menu>
 <item android:id="@+id/nv_refill_coin"
 android:icon="@drawable/ic_refill_coin"
 android:title="@string/lzb_refill_coin" />
 
 <group android:id="@+id/nv_group_extras">
 <item
 android:id="@+id/nv_notice"
 android:icon="@drawable/ic_notice"
 android:title="@string/notice" />
 
 <item
 android:id="@+id/nv_customer_support"
 android:icon="@drawable/ic_help"
 android:title="@string/customer_support" />
 </group>
 </menu>
  14. 14. <android.support.v4.widget.DrawerLayout
 android:fitsSystemWindows="true">
 
 <android.support.design.widget.CoordinatorLayout>
 
 <android.support.design.widget.AppBarLayout/>
 
 <FrameLayout/>
 
 </android.support.design.widget.CoordinatorLayout>
 
 <com.lezhin.ui.widget.LezhinNavigationView
 android:id="@+id/nv_activity_main"
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:layout_gravity="start"
 android:fitsSystemWindows="true"
 app:menu="@menu/nv_default" />
 
 </android.support.v4.widget.DrawerLayout>
  15. 15. <android.support.v4.widget.DrawerLayout android:fitsSystemWindows="true">
 
 <android.support.design.widget.CoordinatorLayout> 
 <android.support.design.widget.AppBarLayout/> 
 <FrameLayout/> 
 </android.support.design.widget.CoordinatorLayout>
 
 <com.lezhin.ui.widget.LezhinNavigationView
 android:id="@+id/nv_activity_main"
 android:layout_width="wrap_content"
 android:layout_height="match_parent"
 android:layout_gravity="start"
 android:fitsSystemWindows="true"
 app:menu="@menu/nv_default" />
 
 </android.support.v4.widget.DrawerLayout>
  16. 16. <android.support.design.widget.TextInputLayout
 android:id="@+id/lza_til_activity_sign_up_email"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 app:errorEnabled="true">
 
 <EditText
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:hint="@string/lza_email"
 android:inputType="textEmailAddress"
 android:singleLine="true" />
 
 </android.support.design.widget.TextInputLayout>
  17. 17. <android.support.design.widget.TextInputLayout
 android:id="@+id/lza_til_activity_sign_up_email"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 app:errorEnabled="true">
 
 <EditText
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:hint="@string/lza_email"
 android:inputType="textEmailAddress"
 android:singleLine="true" />
 
 </android.support.design.widget.TextInputLayout>
  18. 18. <android.support.design.widget.CoordinatorLayout>
 
 <android.support.design.widget.AppBarLayout android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
 
 <android.support.v7.widget.Toolbar
 android:id="@+id/lzc_toolbar"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:minHeight="?attr/actionBarSize"
 app:layout_scrollFlags="scroll|enterAlways"
 app:popupTheme=“@style/ThemeOverlay.AppCompat.Light"/> <android.support.design.widget.TabLayout
 android:id="@+id/tl_activity_base_content"
 android:layout_width="match_parent"
 android:layout_height=“wrap_content" /> 
 </android.support.design.widget.AppBarLayout>
 
 <android.support.v7.widget.RecyclerView
 android:id="@+id/rv_activity_main"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 app:layout_behavior="@string/appbar_scrolling_view_behavior" />
 
 </android.support.design.widget.CoordinatorLayout>
  19. 19. <android.support.design.widget.CoordinatorLayout>
 
 <android.support.design.widget.AppBarLayout android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
 
 <android.support.v7.widget.Toolbar
 android:id="@+id/lzc_toolbar"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:minHeight="?attr/actionBarSize"
 app:layout_scrollFlags="scroll|enterAlways"
 app:popupTheme=“@style/ThemeOverlay.AppCompat.Light"/> <android.support.design.widget.TabLayout
 android:id="@+id/tl_activity_base_content"
 android:layout_width="match_parent"
 android:layout_height=“wrap_content" /> 
 </android.support.design.widget.AppBarLayout>
 
 <android.support.v7.widget.RecyclerView
 android:id="@+id/rv_activity_main"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 app:layout_behavior="@string/appbar_scrolling_view_behavior" />
 
 </android.support.design.widget.CoordinatorLayout>

×