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应用程序的项目工程并进行了初步的设置。接下来就可以面向程序功能进行开发了。
网友评论