最近做的工作,主要是对安卓的一系列UI组件的开发,在完成设计需求的过程中,对UI开发流程有了一点小想法,今天来把他们总结一下。
UI开发流程图
一、了解安卓中的View体系
在UI开发的过程中,我们一定会使用到多种view组件,为了帮助我们更好的选择他们,了解他们的特性就成了第一步。
这是一张View体系图,当然安卓系统发展到今天,View类下的子类数量已经达到了一百多个,图里包含的组件肯定不是全部,这里面是我在开发过程中接触的比较多的一些组件。
二、XML设计与代码设计结合
安卓提供了XML和Java代码两种方式实现UI设计,我们要做的就是将这两种设计方式有机结合,发挥他们各自的优点。
- XML设计
XML设计是一种非常高效的方式,我们只需要在布局文件中,为我们的View注册相关的属性,就能实现对他们的控制,同时我们还能简单方便的复用各种属性,比如这里需要一个多个相同的TextView文本框,可以为这些相同的文本框设计一个style。
<resources>
<style name="TextStyle">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textSize">36px</item>
<item name="android:textColor">#FFFFFFFF</item>
</style>
</resources>
<TextView
style="@style/TextStyle"
android:text="Hello World!"
/>
<TextView
style="@style/TextStyle"
android:text="Hello Java!"
/>
<TextView
style="@style/TextStyle"
android:text="Hello Android!"
/>
- 代码设计
Java代码设计是一种非常灵活的方式,可以根据需要设计相关的逻辑完成对View控制,特别是在事件监听和响应,比如要为ImageView添加一个点击放大的效果。
ImageView imageView = findViewById(R.id.iv_test);
imageView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view)