Android开发 Switch

狼魄發表於 2022-5-26 15:49:00

<h1>前言</h1>
　　讲解基本Switch的使用与记录一些开发点子
　　转载请注明来源：https://www.cnblogs.com/guanxinjing/p/16313742.html
<h1>基本属性</h1>
<ul>
<li>android:showText：设置on/off的时候是否显示文字,boolean</li>
<li>android:splitTrack：是否设置一个间隙，让滑块与底部图片分隔,boolean</li>
<li>android:switchMinWidth：设置开关的最小宽度</li>
<li>android:switchPadding：设置滑块内文字的间隔</li>
<li>android:switchTextAppearance：设置开关的文字外观，暂时没发现有什么用...</li>
<li>android:textOff：按钮没有被选中时显示的文字</li>
<li>android:textOn：按钮被选中时显示的文字</li>
<li>android:textStyle：文字风格，粗体，斜体写划线那些</li>
<li>android:track：底部的图片</li>
<li>android:thumb：滑块的图片</li>
</ul>
<h1>设置状态监听</h1>
<div class="cnblogs_code">
<pre> mBinding.timeFormatSwitch.setOnCheckedChangeListener { switchView, isChecked ->
 if (switchView.isPressed){

 }
 }</pre>
</div>
<h1>自定义Switch</h1>
效果图
<img src="https://img2022.cnblogs.com/blog/1497956/202205/1497956-20220526154342246-1107129607.gif" alt="" loading="lazy">
背景xml
要做到滑块thumb大于背景的关键是android:top 与 android:bottom（注意是item里的属性）这里的属性类似于 android:layout_marginTop
<div class="cnblogs_code">
<pre><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true">
 <layer-list>
 <item android:top="3dp"
 android:bottom="3dp">
 <shape
 android:shape="rectangle">
 <corners android:radius="10dp"/>
 <gradient
 android:type="linear"
 android:angle="0"
 android:startColor="#48F3D0"
 android:endColor="#1DBBFF"/>
 </shape>
 </item>
 </layer-list>

</item>
<item android:state_checked="false">
 <layer-list>
 <item android:top="3dp"
 android:bottom="3dp">
 <shape
 android:shape="rectangle">
 <corners android:radius="10dp"/>
 <solid android:color="#646464"/>
 </shape>
 </item>
 </layer-list>

</item>
</selector></pre>
</div>
滑块xml
<div class="cnblogs_code">
<pre><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<size android:width="30dp" android:height="30dp"/>
<solid android:color="#ffffff"/>
</shape></pre>
</div>
在view里设置它们
<div class="cnblogs_code">
<pre> <androidx.appcompat.widget.SwitchCompat
 android:id="@+id/timeFormatSwitch"
 android:layout_width="60dp"
 android:layout_height="30dp"
 android:layout_marginEnd="35dp"
 app:track="@drawable/settings_selector_shape_rectangle_48f3d0_10dp"
 android:thumb="@drawable/settings_shape_oval_ffffff_30dp"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintTop_toTopOf="parent" /></pre>
</div>
 
 
 
 
 
 
End

</div>
<div id="MySignature" role="contentinfo">
<div style="text-align: center">
本文来自博客园，作者：观心静，转载请注明原文链接：https://www.cnblogs.com/guanxinjing/p/16313742.html 
<div style="color:orange;font-size:16px;">本文版权归作者和博客园共有，欢迎转载，但必须给出原文链接，并保留此段声明，否则保留追究法律责任的权利。 </div>
</div> 
来源：https://www.cnblogs.com/guanxinjing/p/16313742.html

頁: [1]

琼殿技术论坛's Archiver

Android开发 Switch