android 为电灯开关制作自定义用户界面

7nbnzgx9  于 2022-11-20  发布在  Android
关注(0)|答案(1)|浏览(124)

我想做一个灯光开关布局作为一个开关api在android这样:enter image description here我遇到过切换按钮,它与开关非常相似。但我不想使用切换按钮。
这是可能的改变布局的开关这样吗?如何使它?
我应该做一个像this这样的android API吗?
我已经尝试使用lottie动画、标准JAVA动画(如TranslateAnimation)和gif来制作这个按钮,但我仍然对制作它的路线图感到困惑

y1aodyip

y1aodyip1#

1.使用github库-具有依赖性实现
'com.github.权赫:粘滞开关:0.0.16'

<io.ghyeok.stickyswitch.widget.StickySwitch
        android:id="@+id/sticky_switch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        app:ss_animationDuration="600"
        app:ss_iconPadding="18dp"
        app:ss_iconSize="22dp"
        app:ss_leftIcon="@drawable/ic_male"
        app:ss_leftText="Male"
        app:ss_rightIcon="@drawable/ic_female"
        app:ss_rightText="Female"
        app:ss_selectedTextSize="14sp"
        app:ss_sliderBackgroundColor="@color/colorSliderBackground"
        app:ss_switchColor="@color/colorSwitchColor"
        app:ss_textColor="@color/colorTextColor"
        app:ss_textSize="12sp" 
        app:ss_animationType="line"/>

其它方式,
1.使用xml创建可绘制图像
在res/drawable中创建切换. xml
在drawble文件夹中添加您最喜欢的开/关图像

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:drawable="@drawable/toggle_on" android:state_checked="true"/>
  <item android:drawable="@drawable/toggle_off" android:state_checked="false"/>
</selector>

将选择器应用于切换按钮

<ToggleButton
            android:id="@+id/chkState"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/toggle_selector"
            android:textOff=""
            android:textOn=""/>

用于删除上面代码中使用的文本

textOff=""
textOn=""

如有任何疑问,请提出意见

相关问题