《Android 平板电脑开发实战详解和典型案例》——2.2节开关窗口—— Switch-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

《Android 平板电脑开发实战详解和典型案例》——2.2节开关窗口—— Switch

简介:

本节书摘来自异步社区《Android 平板电脑开发实战详解和典型案例》一书中的第2章,第2.2节开关窗口—— Switch,作者 吴亚峰 , 杜化美 , 索依娜,更多章节内容可以访问云栖社区“异步社区”公众号查看

2.2 开关窗口—— Switch
Android 平板电脑开发实战详解和典型案例
Android下有多种具有两种状态(选中状态和未选中状态)的按钮,当按下按钮后状态自动改  变。本节将介绍Android 3.0新增控件开关窗口Switch,主要内容包括其基本知识以及一个简单的   案例。

2.2.1 开关窗口基本知识
开关窗口Switch是一个只有两种选项的开关控件,可以在两种状态(打开状态或关闭状态)之间切换。其切换方式可以是经典的轻按开关控件,也可以是来回拖动“拇指”所选中的选项。开关窗口Switch继承自抽象类CompoundButton,其继承树如图2-5所示。


b12ebd0d0dcc73ccd7c203016e2d24bca23ad1b1

对于Switch中的一些方法,由于篇幅所限,笔者将不再一一赘述,请读者自行查阅相关的api。

2.2.2 开关窗口使用案例
通过前面的介绍,读者对开关窗口Switch已经有了一个基本的了解,下面将通过一个简单的案例Sample2_2使读者进一步掌握开关窗口Switch的使用。在正式介绍此案例的开发步骤之前,首先请读者了解一下运行效果,如图2-6、图2-7和图2-8所示。


d701eef2ba3cb7ab2b4f00b957f80a29e15b6b4c

图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的图片的方法。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章