美文网首页爱天气App实战开发
模块2:创建iWeather项目工程 - 导入全局设计(3)

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

作者: jingz课程 | 来源:发表于2019-03-05 20:40 被阅读0次

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/gmvzyqtx.html