本节书摘来自异步社区《Android 平板电脑开发实战详解和典型案例》一书中的第2章,第2.2节开关窗口—— Switch,作者 吴亚峰 , 杜化美 , 索依娜,更多章节内容可以访问云栖社区“异步社区”公众号查看
2.2 开关窗口—— Switch
Android 平板电脑开发实战详解和典型案例
Android下有多种具有两种状态(选中状态和未选中状态)的按钮,当按下按钮后状态自动改 变。本节将介绍Android 3.0新增控件开关窗口Switch,主要内容包括其基本知识以及一个简单的 案例。
2.2.1 开关窗口基本知识
开关窗口Switch是一个只有两种选项的开关控件,可以在两种状态(打开状态或关闭状态)之间切换。其切换方式可以是经典的轻按开关控件,也可以是来回拖动“拇指”所选中的选项。开关窗口Switch继承自抽象类CompoundButton,其继承树如图2-5所示。
对于Switch中的一些方法,由于篇幅所限,笔者将不再一一赘述,请读者自行查阅相关的api。
2.2.2 开关窗口使用案例
通过前面的介绍,读者对开关窗口Switch已经有了一个基本的了解,下面将通过一个简单的案例Sample2_2使读者进一步掌握开关窗口Switch的使用。在正式介绍此案例的开发步骤之前,首先请读者了解一下运行效果,如图2-6、图2-7和图2-8所示。
图2-6为运行该项目后的效果图,图2-7所示为当单击开灯后的效果图,图2-8显示的是开灯向关灯方向滑动的效果图。
了解了案例的运行效果之后,下面开始介绍案例的开发,具体步骤如下。
(1)首先需要编写的是界面布局文件main.xml,其代码如下。
1 <?xml version="1.0" encoding="utf-8"?> <!--版本号和编码方式-->
2 <LinearLayout <!--水平布局-->
3 xmlns:android="http://schemas.android.com/apk/res/android"
4 android:layout_width="fill_parent" <!--充满父控件-->
5 android:layout_height="fill_parent" <!--充满父控件-->
6 android:orientation="vertical" > <!--垂直排列-->
7 <Switch <!--开关窗口控件-->
8 android:id="@+id/switch1" <!--设置id-->
9 android:layout_width="120dip" <!--设置宽度 -->
10 android:layout_height="50dip" <!--设置高度-->
11 android:layout_gravity="center_horizontal"/>" <!--控件摆放位置-->
12 <ImageView <!--图像视图-->
13 android:id="@+id/imageview" <!--设置id-->
14 android:layout_width="400dip" <!--设置宽度-->
15 android:layout_height="400dip" <!--设置高度-->
16 android:src="@drawable/bulb_off" <!--图片来源-->
17 android:layout_gravity="center_horizontal"/> <!--图片摆放位置-->
18 </LinearLayout>
该主界面的布局比较简单,在一个充满整个屏幕竖直排列的LinearLayout控件上方放置了一个宽、高由自身决定的Switch,下方放置一个宽、高由自身决定的ImageView。
(2)完成了布局文件main.xml的开发后,下面将要开发的是主Activity对应的类 SwitchActiv ity.
java,其代码如下。
1 package com.bn.sample2_2; //声明包
2 ……//该处省略了部分类的导入代码,读者可自行查看随书光盘中的源代码
3 public class SwitchActivity extends Activity {
4 Switch mswitch;
5 ImageView mimageview;
6 @Override
7 public void onCreate(Bundle savedInstanceState) {
8 super.onCreate(savedInstanceState);
9 setContentView(R.layout.main);
10 mswitch=(Switch)findViewById(R.id.switch1); //获取开关窗口对象
11 mswitch.setBackgroundColor(Color.BLUE); //设置开关窗口控件的背景颜色
12 mswitch.setTextOff("开灯"); //设置按钮处于非选中状态时显示的文字
13 mswitch.setTextOn("关灯"); //设置按钮处于选中状态时显示的文字
14 mswitch.setOnCheckedChangeListener( //设置监听器,并重写方法
15 new OnCheckedChangeListener(){
16 @Override
17 public void onCheckedChanged(CompoundButton buttonView,
18 boolean isChecked) {
19 setBulbState(isChecked);}});}
20 public void setBulbState(boolean state){ //判断灯的状态
21 mimageview=(ImageView)findViewById(R.id.imageview); //根据状态切换图片
22 mimageview.setImageResource((state)?R.drawable.bulb_on:R.drawable.bulb_off);
23 mswitch.setChecked(state);}} //改变状态
第10~13行表示的是获取Switch控件对象,并设置其属性。其中Switch控件的属性也可以在配置文件中设置。
第14~19行表示为Switch控件设置监听器,并重写相应的方法,第20~24行为根据Switch控件的状态切换ImageView的图片的方法。