Max*_*Max 11 xml android android-switch
我正在尝试创建一个自定义开关按钮,其拇指约占其轨道的75%(宽度).我不想使用图像,只是可绘制的形状,样式等.到目前为止,我已经完成了以下工作:
activity_main.xml中
<Switch
android:id="@+id/onOffSwitch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:track="@drawable/switch_custom_track"
android:thumb="@drawable/switch_custom_thumb"
android:showText="true"
android:textOff="Off"
android:textOn="On"/>
Run Code Online (Sandbox Code Playgroud)
switch_custom_track.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@drawable/switch_custom_track_on" />
<item android:state_checked="false" android:drawable="@drawable/switch_custom_track_off" />
</selector>
Run Code Online (Sandbox Code Playgroud)
switch_custom_track_on.xml
<shape
android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="20dp" />
<solid android:color="#00b800" />
<size android:width="90dp" android:height="40dp" />
</shape>
Run Code Online (Sandbox Code Playgroud)
switch_custom_track_off.xml
<shape
android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="20dp" />
<solid android:color="#fd491d" />
<size android:width="90dp" android:height="40dp" />
</shape>
Run Code Online (Sandbox Code Playgroud)
switch_custom_thumb.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@drawable/switch_custom_thumb_on" />
<item android:state_checked="false" android:drawable="@drawable/switch_custom_thumb_off" />
</selector>
Run Code Online (Sandbox Code Playgroud)
switch_custom_thumb_on.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<corners android:radius="20dp" />
<solid android:color="#ffffff" />
<size android:width="70dp" android:height="40dp" />
<stroke android:width="2dp" android:color="#00b800" />
</shape>
Run Code Online (Sandbox Code Playgroud)
switch_custom_thumb_off.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<corners android:radius="20dp" />
<solid android:color="#ffffff" />
<size android:width="70dp" android:height="40dp" />
<stroke android:width="2dp" android:color="#fd491d" />
</shape>
Run Code Online (Sandbox Code Playgroud)
有了上面的代码,我得到了这个:
所以拇指宽度是赛道的50%.请注意"switch_custom_track_off.xml"中size元素的"90dp"宽度和"switch_custom_thumb_off.xml"中size元素的宽度"70dp".我预计拇指(到赛道)的相对大小应为70dp/90dp = 77%.然而,可以清楚地看到轨道扩展到拇指大小的两倍.
那么有可能使拇指和轨道成为"完全自定义"尺寸吗?如果是的话,你能帮助我达到预期的效果吗?
| 归档时间: |
|
| 查看次数: |
4236 次 |
| 最近记录: |