爱天气App实战开发

模块2:创建iWeather项目工程 - 导入全局设计(3)

2019-03-05  本文已影响0人  jingz课程

UI风格(Styles)

UI风格的概念包括万象,可以用来描述一组完整的窗口组成、配色方案、文字颜色和大小等。
风格定义由res/values/styles.xml资源文件来描述。打开这个文件看看里面有什么:

自带风格设置

目前我们程序的风格名字定义为“AppTheme”,它继承了一个名为Theme.AppCompat.Light.DarkActionBar父主题。额外的,它在自己内部定义了三个项目。显而易见,这三个条目正好是刚才我们替换掉的主色、主色变体以及次级色。也就是说,这三个条目将取代父主题中的同名项目。

那么这个styles.xml文件声明的主题风格在何处关联到我们的App呢?打开项目描述文件AndroidManifest.xml。这个文件里面有个application标签,专门描述整个App的一些属性。来看一下:

全局风格主题

如红色方框圈出的:将名为AppTheme的风格主题设置给application标签下的android:theme属性。这个设置是全局的,也就是说如果不特别指定,App中所有的窗口都会使用这个主题。

现在我们做一个小的修改,使目前的App整体风格符合我们的暗色调设计。修改很简单,就是将亮色风格的父主题Theme.AppCompat.Light.DarkActionBar替换成暗色主题的Theme.AppCompat

暗色风格主题

运行程序查看效果:

内容视图由原来的白色变成了程序主色深灰色,同时文字也相应的转换成了浅色。

到此为止,我们建立了iWeather应用程序的项目工程并进行了初步的设置。接下来就可以面向程序功能进行开发了。

上一篇下一篇

猜你喜欢

热点阅读