Android selector 状态选择器

一、目的效果

       越好的用户体验来源更直接更明显的事件反馈。selector可以“预存”多种响应的反馈,主要以下多种状态有:

android:state_selected是选中
android:state_focused是获得焦点
android:state_pressed是点击
android:state_enabled是设置是否响应事件,指所有事件
       设置不同状态的表现形式,则会在不同场景下有不同状态。如文字:被选中状态,未被选中状态。


       selector的普通使用则是为对应单个控件添加以selector为背景的资源,则能达到目的。联合使用则是基本使用一种升级。在我们的导航栏中,常使用LinearLayout或者RelativeLayout包含一个ImageView和一个TextView。图片用于直观观感,文字用于更清晰的描述。

      在一个整体菜单被选中时,需要图片及文字都表现对应的状态。并为保证较大的事件响应范围,点击事件常赋予包含图片和文字的父控件。即:为LinearLayout设置点击事件,ImageView、TextView表现对应的状态。


二、具体实现

文字的selector:res添加目录color,res/color/bg_tv_selector.xml



    
    

图片的selector:bg_qq_iv_selector.xml



    
    

使用shape为Button的背景图,并设置selector:

bg_bt_drawable_normal.xml:



    
    

bg_bt_drawable_pressed.xml:



    
    
    

bg_bt_selector.xml:



    
    

activity_main.xml中使用:




    

        

            

            

        

        

            

            

        
    

    

        

        
MainActivity.Java中应用效果:

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    /**
     * qq登录按钮
     */
    private LinearLayout qqLoginLL;
    /**
     * 微信登录按钮
     */
    private LinearLayout weixinLoginLL;
    /**
     * 文字和Button一起
     */
    private LinearLayout textButtonLL;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        qqLoginLL = (LinearLayout) findViewById(R.id.qq_ll);
        weixinLoginLL = (LinearLayout) findViewById(R.id.weixin_ll);
        textButtonLL = (LinearLayout) findViewById(R.id.text_button_ll);

        qqLoginLL.setOnClickListener(this);
        weixinLoginLL.setOnClickListener(this);
        textButtonLL.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.qq_ll:
                Toast.makeText(MainActivity.this, "你点击了QQ登录区间", Toast.LENGTH_SHORT).show();
                break;
            case R.id.weixin_ll:
                Toast.makeText(MainActivity.this, "你点击了WeChat登录区间", Toast.LENGTH_SHORT).show();
                break;
            case R.id.text_button_ll:
                Toast.makeText(MainActivity.this, "你点击了Text_Button区间", Toast.LENGTH_SHORT).show();
                break;
        }
    }
}
展示效果:

Android selector 状态选择器_第1张图片


三、注意细节

1,默认状态放在selector的最后



    
    
      不能实现对应效果!!!

2,TextView selector需要放置在 res/corlor目录下


3,Button的点击事件优先级高于包含他的父控件,需要将他只为不可点击状态,才能保证状态的一致性。



源码Demo



           越到后面才会发现,很多事情不是因为有希望才坚持,而是因为坚持才有希望

           我不清楚自己的未来,只是希望自己的基础越来越稳固,汗水流淌的越来越多。

           愿你我一起共同进步~~


你可能感兴趣的:(Android基础)