Material Design 进阶之一-项目搭建和包管理

圆号本昊

发布于 2021-09-24 11:25:58

2380

发布于 2021-09-24 11:25:58

文章被收录于专栏：github@hornhuang

概述

我们挑战自我，为用户创造了崭新的视觉设计语言。与此同时，新的设计语言除了遵循经典设计定则，还汲取了最新的科技，秉承了创新的设计理念。这就是原质化设计(Material Design)。这份文档是动态更新的，将会随着我们对 Material Design 的探索而不断迭代、升级。

开始

在开始之前，我们需要对我们的项目做一些基本的准备：

首先，为了方便项目的维护，对您的 string.xml 文件进行配置：

    Material Design
    设置
    搜索
    打开
    关闭

    首页
    圈子
    消息

    
    
        @string/nav_item_home
        @string/nav_item_friends
        @string/nav_item_notifications
    

    消息
    圈子
    首页

    欢迎来到碎片世界

对我们的 colors.xml 进行配置，这里是基本的：

这里推荐一份常用的颜色表：点击跳转

    #F50057
    #C51162
    #FFFFFF
    #FFFFFF
    #000000
    #FF80AB

建立 dimens.xml 方便按钮尺寸进行配适

这种适配方式的优点很明显,不用管什么dp还是dpi这些东西,只需要以一种屏幕分辨率为基准(例如1280x720,相当于把屏幕宽分成720份,高分成1280份),生成对应屏幕分辨率的的dimens文件即可完成适配,缺点也比较明显,就是一种分辨率就需要一套dimens文件,所以dimens文件会比较多

    0dp
    0dp
    16dp
    16dp
    260dp

配置新的主题

        <item name="windowActionBar">false</item>
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

在res目录下，创建一个values-v21目录,并styles.xml 文件夹,这些style仅仅用于Android Lollipop

        <item name="android:windowContentTransitions">true</item>
        <item name="android:windowAllowEnterTransitionOverlap">true</item>
        <item   name="android:windowAllowReturnTransitionOverlap">true</item>
        <item name="android:windowSharedElementEnterTransition">@android:transition/move</item>
        <item name="android:windowSharedElementExitTransition">@android:transition/move</item>

现在我们已经准备好Material Design style了，为了使用这主题, 在AndroidManifest.xml文件中修改application theme属性

建立 menu 文件夹用于存放 menu 文件