UI组件之TextView及其子类(三)ToggleButton和Switch

ToggleButton、Switch、CheckBox和RadioButton都是继承自android.widget.CompoundButton,意思是可选择的,因此它们的用法都很类似。CompoundButton有两个状态,分别是checked和not checked。

ToggleButton的属性:

Switch组件的属性:

android:thumb是选中时的背景

例:开关按钮控制布局方向

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ToggleButton
        android:id="@+id/toggleButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ToggleButton"
        android:textOff="横向排列"
        android:textOn="纵向排列" />
<!-- android:thumb="@drawable/check" 使用自定义的drawable对象绘制开关按钮 -->
    <Switch
        android:id="@+id/switch1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Switch"
        android:textOff="横向排列"
        android:textOn="纵向排列"
        android:thumb="@drawable/check" />
<LinearLayout
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button1" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button2" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button3" />
</LinearLayout>
</LinearLayout>

MainActivity.java

	ToggleButton toggle;
	Switch switcher;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         toggle=(ToggleButton) findViewById(R.id.toggleButton1);
         switcher=(Switch) findViewById(R.id.switch1);

         final LinearLayout test=(LinearLayout) findViewById(R.id.root);
         //ToggleButton和Switch的监听接口和复选框CheckButton的一样
         CompoundButton.OnCheckedChangeListener listener=new  CompoundButton.OnCheckedChangeListener(){

			@Override
			public void onCheckedChanged(CompoundButton button, boolean checkedId) {
				// TODO Auto-generated method stub
				if(checkedId){
					//1表示垂直布局,0表示水平布局
					test.setOrientation(1);
				}else{
					test.setOrientation(0);
				}
				}
         };

         toggle.setOnCheckedChangeListener(listener);
         switcher.setOnCheckedChangeListener(listener);
    }

以后要学会自己定制跟家美观的组件

推荐几个好的博客:

http://blog.csdn.net/billpig/article/details/6634481

http://blog.csdn.net/luoweifu/article/details/11752035

时间: 2024-10-11 17:15:51

UI组件之TextView及其子类(三)ToggleButton和Switch的相关文章

UI组件:TextView及其子类

TextView(文本框) 一.TextView作用类似于JLable用于在界面上显示文本  二.TextView没有边框,如果需要边框可以导入背景框的图片,背景框可以自定义为背景颜色渐变,四个角是圆角,边框图片可以在xml文件中定义,将文件放在drawable文件夹内. EditText(编辑框) 一.EditText是TextView的子类,可以接受用户的输入,并且可以指定用户的输入类型(inputType) Button(按钮) 一.Button生成一个按钮供用户点击触发Onclick事件

UI组件之TextView及其子类(五)计时器Chronometer

Chronometer直接继承了TextView组件,它会显示一段文本,显示从某个其实时间开始,一共过了多长时间.我们看Chronometer的源码: 可以看出计时器是直接继承了TextView,当然可以用TextView的所有属性和方法.同时及时其还有自己的内部接口OnChronometerTickListener 计时器的新增属性和方法: 计时器的常用方法如下: setBase(long base):设置计时器的起始时间 setFormat(String format) :设置显示时间的格式

UI组件之AdapterView及其子类(三)Spinner控件具体解释

Spinner提供了从一个数据集合中高速选择一项值的办法. 默认情况下Spinner显示的是当前选择的值.点击Spinner会弹出一个包括全部可选值的dropdown菜单或者一个dialog对话框,从该菜单中能够为Spinner选择一个新值. 这篇文章中我将讨论 1.Spinner的基本使用方法 2.Spinner的xml属性 3.设置Spinner的Adapter (antries属性,arrayadapter 和自己定义BaseAdapter) 最简单的Sipnner使用方法是使用spinn

UI组件之AdapterView及其子类(五)ListView组件和ListActivity

ListView组件是一个显示组件,继承AdapterView基类,前面已经介绍了分别使用ArrayAdapter,SimpleAdapter,扩展BaseAdapter来为LisView提供列表项http://blog.csdn.net/tuke_tuke/article/details/50527018.在当中都要在xml文件里定义ListView组件,然后再Activity.java文件里通过findViewById获取组件设置定义好的adapter就可以. 可是ListActivity是

UI组件之ImageView及其子类(一)ImageView显示图片

ImageView家族的继承关系如图: ImageView继承自View组件,它的主要功能室显示图片,还可以显示Drawable对象. ImageView直接子类是ImageButton,QuickContactBadge,间接子类是ZoomButton,因此ImageView 的所有XML属性,方法,基本上都可以用于ImageButton,ZoomButton ImageView的XML 属性如下: android:adjustViewBounds:是否调整自己的边界来保持所显示的图片长宽比.

UI组件之AdapterView及其子类(四)Gallery画廊控件使用

听说 Gallery如今已经不使用了,API使用ViewPaper取代了,以后再学专研ViewPaper吧如今说说Gallery画廊,就是不停显示图片的意思 Gallery是用来水平滚动的显示一系列项目.Gallery组件能够横向显示一个图像列表,当单击当前图像的后一个图像时,这个图像列表会向左移动一格,当单击当前图像的前一个图像时,这个图像列表会向右移动一样. 也能够通过拖动的方式来向左和向右移动图像列表在使用Gallery的时候,我们应指定他的背景.不然它的项目会紧凑的贴在一起.不会产生画廊

UI组件之ImageView及其子类(二)ImageButton ,ZoomButton

从ImageButton这个字面意思上来看,它是一个图片按钮,那么我们就可以使用它做一个我们想要的图片按钮了,但是我们在实际使用的过程当中,就会发现该按钮的使用并没有想像中的那么简单,需要再增加一些代码或再配置XML才能实现图片按钮按下的效果 ImageButton 还直接派生了ZoomButton组件,只是Android默认提供了btn_minus,btn_plus两个Drawable资源,只要为ZoomButton的android:src属性分别指着两个android提供的资源,即可实现"放

UI组件之ProgressBar及其子类(二)SeekBar拖动条和RatingBar星级评分条的使用

拖动条采用拖动滑块的位置来表示数值 SeekBar的常用xml属性值: 重要的android:thumb制定一个Drawable对象,改变滑块外观 通过滑块来改变图片的透明度: main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" androi

UI组件:ImageView及其子类

ImageView 用于显示所有Drawable对象 ImageButton(图片按钮) 注意点:和Button的区别是:Button可以显示文字,而ImageButton不可以显示文字,可以显示图片,也就是text属性没用 QuickContactBadge 显示关联到特定联系人的图片,可以将选定图片点击后切换到联系人电话界面