相关阅读:
吊炸天!74款APP完整源码!
123个微信小程序源码分享(附下载)
[干货]2017已来,最全面试总结——这些Android面试题你一定需要
原文链接:http://frodoking.github.io/2015/07/01/android-theme/?utm_source = tuicool & utm_medium =referral
接触Android是从UI开始的,笔者第一份工作是在金山软件做WPS Office。当时开发主要是负责整个演示PPT这边的UI风格开发和维护,当时的开发要求非常严格。要求所有控件采用App的总体风格,不过尽管这样,一个上百人的开发团队。并不能保证所有的人都能做出一样的风格,总是会存在这里或者那里的细小差别。就拿简单的文本框来说,文字排版、大小、颜色、字体、内边距和外边距等等,在不同的层级中都是有不同的要求。如果稍不注意,在后面的调整中都很费劲。
当时做法其实是从一开始都要求统一风格,尽量使用公共控件。这样从一开始就觉得这样挺好,不过也没感受到没这样做的坏处。
当笔者去年跳槽后,相继都去过一些公司。都发现一个共有问题,风格严重不统一、编码不规范。xml布局全部都是一个标签一个标签堆,几乎看不到共用风格,比如说尺寸、颜色都是明码,只想说这样的代码维护成本得多高啊。很多同学觉得一个App不就是很多Activity堆起来的嘛,而且Activity已经被Android自身封装得很好,没必要把层次划得太细。而且更严重的是每个人都在自己的页面中完成所有的业务处理,这种编码能力笔者只能表示无语,本人最后把问题给他们抛出来后就离开了。
本人在这里必须说明一下,这种思想是非常错误的:
1、风格不统一,那么你会浪费更多的时间去写xml布局。同时你并不能保证每个页面真的统一了;
2、Android App不是Activity的堆积。本人经常给身边的同事或者朋友说,Android只是一层皮,真正体现个人能力的应该是如果做到你这一套app解决方案能与平台无关后也能采用,这就上升到基础架构;
最近项目相对有一些空余时间,因此很有必要把这一部分内容说一说。因为在网上并没有看到一些系统的做法。也希望这篇文章能让读者意识到风格统一编码的重要性。
下面主要说一说笔者风格统一走过的路:
1、早期风格统一的做法主要是在style中把每一种风格定义好,然后再layout中进行一个引用;
2、现在的做法是将系统控件上升到Application层面,比如android:textViewStyle、android:editTextStyle这类标签;
Application层面风格统一
在Application层面上做风格统一,一般只能针对系统的控件。主要使用方式是在manifest的application标签下写入:
这里的AppTheme就是自定义的
为了区分style,建议在values文件夹中建立一个theme.xml文件。下面主要讲讲EditText的统一风格如何实现
首先需要在theme.xml中建立一份name为AppTheme的style标签
注意一下parent的继承有非常多可选项,笔者建议大家选择最基础的Theme,这个风格基本上包含了App的所有系统控件默认风格;
接下来需要针对可编辑文本框做风格,那首先需要建立一个EditText的style标签:
| - false
- none
- true
- true
- 10dp
- @color/table_text
- @drawable/edit_text_cursor
- 20sp
- @drawable/edit_text_background
|
同样建议先集成默认风格,再写入需要修改的风格。比如文字大小、文字颜色和文本框背景等等。
在AppTheme中的引用如下:
ok,这就算是完成了对EditText的风格集成。上边的代码演示其实很简单,但是要坚持做好并非一件容易事;
下边给出笔者自己整理的一份主题风格控件,主要包括:
Dialog
TextView
EditText
Button
ImageButton
RadioButton
CheckBox
Spinner
ScrollView
GridView
ListView
ProgressView
其中,最为重要的应该是可编辑框,单选,多选以及列表风格。有多少同学能保证带有滚动条的列表都是一样的风格呢?
- @drawable/main_background
- true
- @style/DialogTheme
- @style/TextViewTheme
- @style/EditTextTheme
- @style/ButtonTheme
- @style/ImageButtonTheme
- @style/RadioButtonTheme
- @style/CheckboxTheme
- @style/SpinnerTheme
- @style/ScrollViewTheme
- @style/GridViewTheme
- @style/ListViewTheme
- @style/PopupWindowTheme
- @style/ProgressBarTheme
- @style/ProgressBarHorizontalTheme
- @null
- true
- true
- @null
- 14sp
- @color/table_text_light
- wrap_content
- wrap_content
- false
- none
- true
- true
- 10dp
- @color/table_text
- @drawable/edit_text_cursor
- 20sp
- @drawable/edit_text_background
- @dimen/margin_middle
- @dimen/margin_middle
- 16sp
- @color/text_light_selector
- @drawable/background_button_rectangle
- @drawable/radiobutton
- @dimen/margin_small
- @drawable/checkbox
- @dimen/margin_small
- true
- @drawable/spinner
- 2000
- true
- @drawable/scrollbar_vertical_track
- @drawable/scrollbar_vertical_thumb
- @drawable/scrollbar_vertical_track
- @drawable/scrollbar_vertical_thumb
- outsideOverlay
- 12dp
- @drawable/list_item_background
- @drawable/scrollbar_vertical_track
- @drawable/scrollbar_vertical_thumb
- @drawable/scrollbar_vertical_track
- @drawable/scrollbar_vertical_thumb
- outsideOverlay
- 12dp
- 2px
- @drawable/bootstrap_divider
- @android:color/transparent
- @drawable/list_item_background
- @drawable/scrollbar_vertical_track
- @drawable/scrollbar_vertical_thumb
- @drawable/scrollbar_vertical_track
- @drawable/scrollbar_vertical_thumb
- outsideOverlay
- 12dp
- @drawable/progressbar_horizontal
#UI事儿虽小,但是很有必要。毕竟UI是一个非常需要时间的工作。
Java和Android大牛频道
欢迎关注我们,一起讨论技术,扫描和长按下方的二维码可快速关注我们。或搜索微信公众号:JANiubility。
公众号:JANiubility