Top Banner
65

Material Design with Support Design Library

Apr 15, 2017

Download

Software

Taeho Kim
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Material Design with Support Design Library
Page 2: Material Design with Support Design Library
Page 3: Material Design with Support Design Library
Page 4: Material Design with Support Design Library
Page 5: Material Design with Support Design Library
Page 6: Material Design with Support Design Library
Page 7: Material Design with Support Design Library

compile ‘com.android.support:design:23.2.1'

compile ‘com.android.support:appcompat-v7:23.2.1’

Page 8: Material Design with Support Design Library
Page 9: Material Design with Support Design Library
Page 10: Material Design with Support Design Library
Page 11: Material Design with Support Design Library

<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>

Page 12: Material Design with Support Design Library

<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>

Page 13: Material Design with Support Design Library

<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>

Page 14: Material Design with Support Design Library

<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>

Page 15: Material Design with Support Design Library

colorPrimaryDarkcolorPrimary

Page 16: Material Design with Support Design Library

colorControlNormal

colorAccent

Page 17: Material Design with Support Design Library

colorControlNormal

colorAccent

android:navigationBarColor

Page 18: Material Design with Support Design Library

colorAccent

Page 19: Material Design with Support Design Library

colorControlHighlight

colorControlHighlight

Page 20: Material Design with Support Design Library

colorControlNormal

colorPrimary

Page 21: Material Design with Support Design Library
Page 22: Material Design with Support Design Library
Page 23: Material Design with Support Design Library
Page 24: Material Design with Support Design Library
Page 25: Material Design with Support Design Library
Page 26: Material Design with Support Design Library
Page 27: Material Design with Support Design Library
Page 28: Material Design with Support Design Library
Page 29: Material Design with Support Design Library
Page 30: Material Design with Support Design Library

<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>

Page 31: Material Design with Support Design Library

<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>

Page 32: Material Design with Support Design Library

<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>

Page 33: Material Design with Support Design Library

<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>

Page 34: Material Design with Support Design Library
Page 35: Material Design with Support Design Library
Page 36: Material Design with Support Design Library

<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>

Page 37: Material Design with Support Design Library

<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>

Page 38: Material Design with Support Design Library
Page 39: Material Design with Support Design Library
Page 40: Material Design with Support Design Library
Page 41: Material Design with Support Design Library
Page 42: Material Design with Support Design Library
Page 43: Material Design with Support Design Library
Page 44: Material Design with Support Design Library
Page 45: Material Design with Support Design Library

<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>

Page 46: Material Design with Support Design Library

<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>

Page 47: Material Design with Support Design Library
Page 48: Material Design with Support Design Library
Page 49: Material Design with Support Design Library
Page 50: Material Design with Support Design Library
Page 51: Material Design with Support Design Library
Page 52: Material Design with Support Design Library
Page 53: Material Design with Support Design Library
Page 54: Material Design with Support Design Library
Page 55: Material Design with Support Design Library
Page 56: Material Design with Support Design Library
Page 57: Material Design with Support Design Library
Page 58: Material Design with Support Design Library
Page 59: Material Design with Support Design Library
Page 60: Material Design with Support Design Library
Page 61: Material Design with Support Design Library
Page 62: Material Design with Support Design Library
Page 63: Material Design with Support Design Library
Page 64: Material Design with Support Design Library
Page 65: Material Design with Support Design Library