首页 > 代码库 > 给android layout 添上state的翅膀
给android layout 添上state的翅膀
在android中,可以很容易给一个视图的外观加上state,从而反映行为状态比如:激活、选中、悬浮等。但是对于视图布局的动态调整,比如说某一状态,需要显示按钮,下一个状态,不需要显示这个按钮,就显得苍白无力。
这种情况,大家会说我去改一下按钮的可见度就ok了呀。的确是这样,但是涉及到多个状态、多个控件的时候是不是很麻烦?现有解决办法主要问题有:
(1) 多状态、多组件的难于管理。
(2) 没用的组件只是看不见了,但是还存在,浪费资源。
有没有更好的方法?有,那就是引入state。
先看截图:
这个是默认状态的:
点击show clicked按钮,变成:
最后,点击show all,切换到all状态:
这里面有两个组件: 按钮和文本框,三种状态:default、clicked、all。default下显示文本框,clicked下显示按钮,all下显示所有。
怎么做的?
首先需要定义状态
在状态视图的layout上用tractor:states定义所有状态,tractor:currentState指定默认状态。如下面代码所示:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tractor="http://schemas.tractorframework.com/tractor" ... tractor:states="default,clicked,all" tractor:currentState="default" tractor:layout="activity_main" >
还有一个标签是trantor:layout,这个是用来指定状态视图的layout的,在状态切换的时候,需要这个参数来获得layout,重新构造整个视图。也就是说状态视图的layout都需要
一个单独的layout文件来定义。有点小不方便,但是对于大量的可见度管理来说,可以接受,您说呢?
在控件上声明对应状态
在视图控件上使用tractor:includeIn来表明该控件存在于哪些状态下,或者用tractor:excludeFrom来指定不存在于哪些状态。下面是例子程序的两个控件的状态声明:
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" tractor:includeIn="clicked,all" android:text="hello clicked state" /> <EditText android:id="@+id/editText" android:layout_width="wrap_content" android:layout_height="wrap_content" tractor:excludeFrom="clicked" android:text="hello default state" />
按钮存在于clicked,all两个状态,文本框不存在于clicked状态,也就是说存在于default和all状态。
状态切换
上面都是定义和声明,是不是很简单?状态切换也不复杂,在上面例子上,最上面的三个按钮就是切换状态用的,它们被点击后,就会去切换对应状态。比如show clicked按钮点击就会去切换到clicked状态,代码是这样的:
public void switchToClicked(View v) { View root = findViewById(R.id.root); sf.getViewState(root).setCurrentState("clicked"); }
首先得到状态视图,其次得到状态试图对应的ViewState去设置当前状态。一切很容易操作的了,但是大家会说sf是什么,看下面。
最核心的是加入状态支持,在Activity设置视图之前,重新设置LayoutInflater的Factory2工厂,这个在sdk版本11才有哦。这个sf就是加入了状态支持的Factory2工厂实例。
例子程序的Activity是这样构造的:
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); createInflator(); setContentView(R.layout.activity_main); } private void createInflator() { LayoutInflater inflater = LayoutInflater.from(this); sf = new StateFactory(inflater); inflater.setFactory2(sf); }
核心代码就是StateFactory。这个地方可以下载整个例子程序,里面有StateFactory的代码。整个例子只是演示用的,StateFactory实现的也有不妥的地方,但是我们可以看到android支持视图状态的可能性。有了state,android 视图代码又会好写很多,一切目标:简单。您说呢 ?