基于 Theme.AppCompat.Light.NoActionBar

拿到UI视觉标准图：

UI标准.jpg

拆解UI视觉标准，设置等级：

进行颜色配置，完成colors.xml：

#f33c3e

#f99d9e

#333333

#666666

#999999

#eeeeee

#f7f7f7

#ffffff

进行字体、间距配置，完成dimens.xml：

@dimen/text_size_720_1280_34

@dimen/text_size_720_1280_32

@dimen/text_size_720_1280_28

@dimen/text_size_720_1280_24

@dimen/text_size_720_1280_20

@dimen/width_720_1280_96

@dimen/width_720_1280_88

@dimen/width_720_1280_32

@dimen/width_720_1280_16

@dimen/width_720_1280_2

进行通用样式配置，完成styles.xml：

@color/app_primary

@color/app_primary_dark

@color/app_accent

@color/bg_window

@style/PandaTheme.FirstText

@style/PandaTheme.SecondText

@style/PandaTheme.ThirdText

@style/PandaTheme.Dialog

@style/PandaTheme.Dialog.Alert

@style/Widget.AppCompat.SearchView

@style/PandaTheme.OverflowMenuStyle

@style/PandaTheme.DividerThin

...