单选开关(点击选择与否切换)

单选开关(点击选择与否切换)_第1张图片
单选开关

TextView两图片实现点击切换开关效果:

    //xml
    

    initSwitcher(iv_reason, "on"); //初始
    String value = (iv_reason.getTag() != null) && ((String) iv_reason.getTag()).equals("off") ? "2" : "1"; //取值

    /**
     * 單選開關
     *
     * @param tv
     * @param tag
     */
    private void initSwitcher(final TextView tv, String tag) {

        //config
        final String[] tags = {"on", "off"};
        final int[] colors = {0xfff77518, 0xff999999};
        final int[] resIds = {R.drawable.corner_border_feedback_p, R.drawable.corner_border_feedback_n};

        tag = tag.equals(tags[0]) ? tags[0] : tags[1]; // check data
        int resId = tag.equals(tags[0]) ? resIds[0] : resIds[1];
        int color = tag.equals(tags[0]) ? colors[0] : colors[1];

        tv.setBackgroundResource(resId);
        tv.setTextColor(color);
        tv.setTag(tag);
        tv.setOnClickListener(new OnClickListener() {
            public void onClick(View view) {
                String tagto = (view.getTag() != null) && ((String) view.getTag()).equals(tags[1]) ? tags[0] : tags[1];
                if (tagto.equals(tags[0])) {
                    tv.setBackgroundResource(resIds[0]);
                    tv.setTextColor(colors[0]);
                    //TODO:互斥
                } else {
                    tv.setBackgroundResource(resIds[1]);
                    tv.setTextColor(colors[1]);
                }
                tv.setTag(tagto);
            }
        });
    }

ImageView、Button两图片实现点击切换开关效果:

    //xml
    

    

你可能感兴趣的:(单选开关(点击选择与否切换))