利用TextView做一个Switch效果的button

效果是这样的：        

 布局代码：

        <com.panxsoft.beautymirror.widget.layout.PercentLinearLayout
            android:id="@+id/clerk_switch_ll"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:padding="64px"
            app:padding_allPercent="0.04">

            <TextView
                android:id="@+id/clerk_switch_tv"
                android:layout_width="176px"
                android:layout_height="72px"
                android:background="@drawable/switch_selector"
                android:paddingLeft="24px"
                android:paddingRight="24px"
                android:textColor="@color/white"
                android:textSize="32px"
                app:layout_heightPercent="0.045"
                app:layout_widthPercent="0.11"
                app:padding_leftPercent="0.015"
                app:padding_rightPercent="0.015"
                app:text_sizePercent="0.02" />
        </com.panxsoft.beautymirror.widget.layout.PercentLinearLayout>

 

 布局代码里面的textview就是这个按钮，外面套一层LinearLayout是为了扩大点击事件的范围，代码里面的尺寸是在1600px设计图下的尺寸。

逻辑代码控制效果：

       TextView clerk_switch_tv = (TextView) view.findViewById(R.id.clerk_switch_tv);
       clerk_switch_tv.setSelected(!ShopUtil.checkStaffDisable(staff.staffId));
       clerk_switch_tv.setText(clerk_switch_tv.isSelected()
 ? getString(R.string.ClerkOnline) : getString(R.string.ClerkOffline));
       clerk_switch_tv.setGravity(clerk_switch_tv.isSelected() 
 ? Gravity.CENTER_VERTICAL | Gravity.LEFT : Gravity.CENTER_VERTICAL | Gravity.RIGHT);
                view.findViewById(R.id.clerk_switch_ll)
                .setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (clerk_switch_tv.isSelected()) {
                    clerk_switch_tv.setText(getString(R.string.ClerkOffline));
                    clerk_switch_tv.setGravity(Gravity.CENTER_VERTICAL | Gravity.RIGHT);
                    clerk_switch_tv.setSelected(false);
                    ShopUtil.disableStaff(staff.staffId);
                    } else {
                    clerk_switch_tv.setText(getString(R.string.ClerkOnline));
                    clerk_switch_tv.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
                    clerk_switch_tv.setSelected(true);
                    ShopUtil.enableStaff(staff.staffId);
                    }
                }
            });

图片selector代码：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/switch_off" android:state_selected="false" />
    <item android:drawable="@drawable/switch_on" android:state_selected="true" />
</selector>

图片文件：