www.316.net亚洲必赢Android5.X之Material Design与主题

Material Design

谷歌(谷歌)公布新操作系统“ L Developer
Preview”后,也一头推出了可视化语言Material
Design(原质化设计),它的安插美学将会融入到Google持有的平台之中,包含Chrome
OS和网页,它也将形成一个联结的外观,将具备的制品捆绑在一块儿。扁平化的设计,加上明亮的情调,Material
Design的外观如故很吸引人的。其余,谷歌(谷歌)对动画片效果也做了对应的调整,让经验变得愈加好玩儿。

==Material Design中文翻译网址:==
http://wiki.jikexueyuan.com/project/material-design/
http://www.uisdc.com/comprehensive-material-design-note

开源项目
1.MaterialDesignLibrary
在重重新晋库中,MaterialDesignLibrary能够说是颇受开发者瞩目的一个控件效果库,可以让开发者在Android
2.2系统上行使Android
5.0才支撑的控件效果,比如扁平、矩形、浮动按钮,复选框以及各式各个的速度提醒器等。
https://github.com/navasmdc/MaterialDesignLibrary

www.316.net亚洲必赢 1

2.RippleEffect
由来自法兰西共和国的罗布in
Chutaux开发的RippleEffect基于MIT许可协商开源,能够在Android API
9+上贯彻Material
Design,为开发者提供了一种极为简略的形式来创建带有可扩展视图的header视图,并且同意最大程度上的自定制。
https://github.com/traex/RippleEffect

www.316.net亚洲必赢 2

3.MaterialEditText
趁着Material Design的过来,AppCompat也为开发者提供了Material
Design的控件外观接济,其中就概括EditText,但却并不佳用,没有安装颜色的API,也尚无此外GoogleMaterial Design
Spec中关系的特征。于是,来自国内的开发者“扔物线”开发了MaterialEditText库,直接继承EditText,无需修改Java文件即能完毕自定义控件颜色。
https://github.com/rengwuxian/MaterialEditText

www.316.net亚洲必赢 3

4.Android-LollipopShowcase
Android-LollipopShowcase是由来自奥地利(Austria)的位移、后端及Web开发者迈克Penz所付出的示范应用,集中示范了新Material
Design中颇具的UI效果,以及Android
Lollipop中其余相当酷炫的性状元素,比如Toolbar、RecyclerView、ActionBarDrawerToggle、Floating
Action Button(FAB)、Android Compat Theme等。
https://github.com/mikepenz/Android-LollipopShowcase

www.316.net亚洲必赢 4

5.material-design-icons
谷歌(Google)开源了概括Material
Design系统图标包在内的750个字形,涵盖动作、音视频、通讯、内容、编辑器、文件、硬件、图像、地图、导航、公告、社交等各样方面,适用于Web、Android和iOS应用开发,相对是开发者及设计师必备的资源。
https://github.com/google/material-design-icons

www.316.net亚洲必赢 5

Android Studio使用

compile ‘com.android.support:appcompat-v7:25.x.x’

主题

Material Design主题

@android:style/Theme.Material (dark version)
@android:style/Theme.Material.Light (light version)
@android:style/Theme.Material.Light.DarkActionBar

对应的Compat Theme

Theme.AppCompat
Theme.AppCompat.Light
Theme.AppCompat.Light.DarkActionBar

自定义Color Palette

Palette从图像中领到突出的水彩,那样可以把色值赋给ActionBar、或者其余,可以让界面整个色调统一。

<resources>
    <!-- Base application theme. -->
    <style name="AppBaseTheme" parent="Theme.AppCompat">

        <!-- customize the color palette -->
        <item name="colorPrimary">@color/material_blue_500</item>
        <item name="colorPrimaryDark">@color/material_blue_700</item>
        <item name="colorAccent">@color/material_green_A200</item>
    </style>
</resources>

colorPrimary 对应ActionBar的颜色。
colorPrimaryDark对应状态栏的颜色
colorAccent
对应EditText编辑时、RadioButton选中、CheckBox等当选时的颜色、FloatActionButton等背景颜色

www.316.net亚洲必赢 6

metarial design的theme允许大家去设置status
bar的水彩,若是你项目标小小协助版本为5.0,那么您能够接纳android:Theme.Material,设置android:statusBarColor。当然了那种情景方今以来比较少,所以大家半数以上行使的是Theme.AppCompat,通过设置android:colorPrimaryDark.来设置status
bar颜色。(ps:默许意况下,android:statusBarColor的值持续自android:colorPrimaryDark).