目录:
1.应用场景与概述
2.常用属性
3.简单使用
4.更改默认Switch的样式
5.自定义Switch
1.应用场景与概述
Switch是在4.0以后推出的,所以要注意开发时的minsdk设置,google在API 21后也推出support v7 包下的SwitchCompa的Material Design
开关控件,对低版本的有了更好的的支持。其实switch的应用场景和ToggleButton类似,多应用于两种状态的切换。
2.常用属性
[plain]view plaincopy
android:typeface="normal":设置字体类型
android:track="":设置开关的轨迹图片
android:textOff="开":设置开关checked的文字
android:textOn="关":设置开关关闭时的文字
android:thumb="":设置开关的图片
android:switchMinWidth="":开关最小宽度
android:switchPadding="":设置开关 与文字的空白距离
android:switchTextAppearance="":设置文本的风格
android:checked="":设置初始选中状态
android:splitTrack="true":是否设置一个间隙,让滑块与底部图片分隔(API 21及以上)
android:showText="true":设置是否显示开关上的文字(API 21及以上)
3.简单使用
3.1)主布局
[html]view plaincopy
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.aswitch.MainActivity">
android:typeface="normal":设置字体类型
android:track="":设置开关的轨迹
android:textOff="开":设置开关checked的文字
android:textOn="关":设置开关关闭时的文字
android:thumb="":设置开关的图片
android:switchMinWidth="":开关最小宽度
android:switchPadding="":设置开关 与文字的空白距离
android:switchTextAppearance="":设置文本的风格
android:checked="":设置初始选中状态
android:splitTrack="true":是否设置一个间隙,让滑块与底部图片分隔
-->
android:id="@+id/switch_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="switch:"/>
android:layout_marginTop="10dp"
android:layout_below="@+id/switch_tv"
android:id="@+id/switch1"
android:typeface="normal"
android:textOff="开"
android:textOn="关"
android:switchMinWidth="40dp"
android:switchPadding="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:id="@+id/text"
android:layout_marginTop="10dp"
android:layout_below="@+id/switch1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"/>
android:layout_below="@+id/text"
android:id="@+id/switch_compat_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="switchCompat:"/>
android:layout_marginTop="10dp"
android:layout_below="@+id/switch_compat_tv"
android:id="@+id/switch_compat"
android:typeface="normal"
android:switchMinWidth="40dp"
android:switchPadding="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
android:id="@+id/text1"
android:layout_marginTop="10dp"
android:layout_below="@+id/switch_compat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"/>
3.2)主布局java类
[java]view plaincopy
packagecom.example.aswitch;
importandroid.os.Bundle;
importandroid.support.v7.app.AppCompatActivity;
importandroid.support.v7.widget.SwitchCompat;
importandroid.widget.CompoundButton;
importandroid.widget.Switch;
importandroid.widget.TextView;
publicclassMainActivityextendsAppCompatActivityimplementsCompoundButton.OnCheckedChangeListener{
privateSwitch aSwitch;
privateSwitchCompat aSwitchCompat;
privateTextView text1,text2,switchText,switchCompatText;
@Override
protectedvoidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//实例化
aSwitch = (Switch) findViewById(R.id.switch1);
aSwitchCompat = (SwitchCompat) findViewById(R.id.switch_compat);
text1 = (TextView) findViewById(R.id.text);
text2 = (TextView) findViewById(R.id.text1);
//设置Switch事件监听
aSwitch.setOnCheckedChangeListener(this);
aSwitchCompat.setOnCheckedChangeListener(this);
}
/*
继承监听器的接口并实现onCheckedChanged方法
* */
@Override
publicvoidonCheckedChanged(CompoundButton buttonView,booleanisChecked) {
switch(buttonView.getId()){
caseR.id.switch1:
if(isChecked){
text1.setText("开");
}else{
text1.setText("关");
}
break;
caseR.id.switch_compat:
if(isChecked){
text2.setText("开");
}else{
text2.setText("关");
}
break;
default:
break;
}
}
}
3.3)截图效果
4.更改默认Switch的样式
4.1)在styles.xml中自定义style
[html]view plaincopy
@android:color/holo_green_dark
@color/colorAccent
@color/colorPrimaryDark
4.1)在布局文件中通过android:theme="@style/mySwitch"设置
[html]view plaincopy
android:layout_marginTop="10dp"
android:layout_below="@+id/switch_compat_tv"
android:id="@+id/switch_compat"
android:typeface="normal"
android:theme="@style/mySwitch"
android:switchMinWidth="40dp"
android:switchPadding="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
5.自定义Switch
5.1)导入资源图片thumb.png ,thumb_on.png ,track_nomal.png ,track_on.png ,track_press.png
5.2)实现thumb_selector.xml
[html]view plaincopy
5.3)实现track_selector.xml
[html]view plaincopy
5.4)主布局actiity_second.xml
[html]view plaincopy
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.aswitch.SecondActivity">
android:id="@+id/CustomSwitchCompat_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="CustomSwitchCompat:"/>
android:layout_marginTop="10dp"
android:layout_below="@+id/CustomSwitchCompat_tv"
android:id="@+id/CustomSwitchCompat"
android:layout_width="wrap_content"
android:minWidth="40dp"
android:minHeight="20dp"
android:layout_height="wrap_content"/>
android:id="@+id/custom_result"
android:layout_marginTop="10dp"
android:layout_below="@+id/CustomSwitchCompat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"/>
5.5)主布局java类SecondActivity.java
[java]view plaincopy
packagecom.example.aswitch;
importandroid.os.Bundle;
importandroid.support.v7.app.AppCompatActivity;
importandroid.support.v7.widget.SwitchCompat;
importandroid.widget.CompoundButton;
importandroid.widget.Switch;
importandroid.widget.TextView;
publicclassSecondActivityextendsAppCompatActivityimplementsCompoundButton.OnCheckedChangeListener{
privateSwitchCompat customSwitchCompat;
privateTextView custom_result,CustomSwitchCompat_tv;
@Override
protectedvoidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_second);
//实例化
customSwitchCompat = (SwitchCompat) findViewById(R.id.CustomSwitchCompat);
custom_result = (TextView) findViewById(R.id.custom_result);
//设置自定义的thumb和track
customSwitchCompat.setThumbResource(R.drawable.thumb_selector);
customSwitchCompat.setTrackResource(R.drawable.track_selector);
//设置Switch事件监听
customSwitchCompat.setOnCheckedChangeListener(this);
}
/*
继承监听器的接口并实现onCheckedChanged方法
* */
@Override
publicvoidonCheckedChanged(CompoundButton buttonView,booleanisChecked) {
if(isChecked){
custom_result.setText("开");
}else{
custom_result.setText("关");
}
}
}