Android 学习笔记(4)—— ToggleButton 、Switch
作者:夏至 欢迎转载,也请保留这段申明,谢谢
在UI中呢,开关按钮中呢,我们使用最多是ToggleButton 和 Switch,不过Switch支持4.0以上的SDK,低于4.0的会报错,那么他们两个的性质是一样的,这里我们就同一来实现这些效果.
要实践的效果图:
1. ToggleButton(开关按钮)
可供我们设置的属性:
- android:textOff:按钮没有被选中时显示的文字
- android:textOn:按钮被选中时显示的文字
所以,我们对togglebutton的设置如下:
<ToggleButton android:id="@+id/togglebutton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="true" android:textOn="横向排列" android:textOff="纵向排列"/>
ok, 我们把ToggleButton 设置好了,接下来也添加和它相似的组件即Switch 。
2. Switch
可供我们设置的属性::
android:showText:设置on/off的时候是否显示文字,boolean
android:splitTrack:是否设置一个间隙,让滑块与底部图片分隔,boolean
android:switchMinWidth:设置开关的最小宽度
android:switchPadding:设置滑块内文字的间隔
android:switchTextAppearance:设置开关的文字外观,暂时没发现有 什么用…
android:textOff:按钮没有被选中时显示的文字
android:textOn:按钮被选中时显示的文字
android:textStyle:文字风格,粗体,斜体写划线那些
android:track:底部的图片
android:thumb:滑块的图片
所以,我们对switch的配置如下:
<Switch android:id="@+id/swichd" android:showText="true" android:splitTrack="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textOff="纵向排列" android:textOn="横向排列">
那么,我们实现上面的横向和竖向的反转,最简单的就是多写一个线性布局,嵌到第一个里面,简单的来说,就是在上面的基础上写下下面这些代码:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/Mylayout" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="wrap_content"> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按键1"/> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按键2"/> <Button android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按键3"/></LinearLayout>
Ok,我们布局已经写好,那么接下来就是对主活动代码书写了。
....toggleButton = (ToggleButton)findViewById(R.id.togglebutton);aSwitch = (Switch)findViewById(R.id.swichd);final LinearLayout linearLayout = (LinearLayout)findViewById(R.id.Mylayout);aSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {@Override// Switch按键状态变换时触发按钮public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {if(buttonView.isChecked()){ linearLayout.setOrientation(LinearLayout.HORIZONTAL); //竖直}else{ linearLayout.setOrientation(LinearLayout.VERTICAL); //竖直} }});// ToggleButon 按键状态改变触发按钮toggleButton.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {if(buttonView.isChecked()){ linearLayout.setOrientation(LinearLayout.HORIZONTAL); //竖直}else{ linearLayout.setOrientation(LinearLayout.VERTICAL); //竖直} }});
这样就能实现上面的效果了,其中还多了个开关switch哦,快去实践一下吧:
如有错误,欢迎指出,如果喜欢,欢迎收藏!
更多相关文章
- android 控制按钮各个状态的样式
- Android 按钮点击切换背景,同时修改文字颜色
- Android实现底部tabbar按钮突出效果
- 详解React Native监听Android回退按键与程序化退出应用
- Android WebView 和 手机后退按钮 的故事
- Android控件之利用selector自定义的带文字的图片按钮
- android开发(46) 使用 textview实现文字的阴影效果,浮雕效果
- Android Studio的TextView实现滚动显示文字
- Android 设备关闭实体按键