给android layout 添上state的翅膀

在android中,可以很容易给一个视图的外观加上state,从而反映行为状态比如:激活、选中、悬浮等。但是对于视图布局的动态调整,比如说某一状态,需要显示按钮,下一个状态,不需要显示这个按钮,就显得苍白无力。

这种情况,大家会说我去改一下按钮的可见度就ok了呀。的确是这样,但是涉及到多个状态、多个控件的时候是不是很麻烦?现有解决办法主要问题有:

(1)      多状态、多组件的难于管理。

(2)      没用的组件只是看不见了,但是还存在,浪费资源。

有没有更好的方法?有,那就是引入state。

先看截图:

 这个是默认状态的:

给android layout 添上state的翅膀

点击show clicked按钮,变成:

给android layout 添上state的翅膀

最后,点击show all,切换到all状态:

给android layout 添上state的翅膀

这里面有两个组件: 按钮和文本框,三种状态: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 视图代码又会好写很多,一切目标:简单。您说呢 ?

 

给android layout 添上state的翅膀,布布扣,bubuko.com

给android layout 添上state的翅膀

上一篇:CSS3圆角导航菜单


下一篇:iOS百度地图poi检索(基于百度地图2.3.0SDK开发)