Android入门----Switch控件

    Switch是Android的一个开关控件，但是该控件是4.0以后才有得，故而有些项目需要的时候不得不自己去实现该控件功能，网上主要流行的方法是继承View等控件自己在onDraw()里面绘制控件，但是不是效果不太理想就是体验性太差，另外也有修改官方Switch控件的，个人觉得修改官方Switch控件比较靠谱，比较体验性方面性能方面都有保证

一 、使用Switch控件自带的开关效果

效果图：

 activity_main.xml中的代码：

<span style="font-size:18px;"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <Switch
        android:id="@+id/switch1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Switch控件" 
        />

</LinearLayout></span>

MainActivity.java中的代码：

<span style="font-size:18px;">package com.test.switchdemo;

import android.app.Activity;
import android.app.ActionBar;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.Switch;
import android.widget.Toast;
import android.os.Build;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		Switch switch1 = (Switch) findViewById(R.id.switch1);
		switch1.setOnCheckedChangeListener(new OnCheckedChangeListener() {

			@Override
			public void onCheckedChanged(CompoundButton buttonView,
					boolean isChecked) {
				// TODO Auto-generated method stub
				if (buttonView.isChecked()) {
					Toast.makeText(MainActivity.this,
							"开始" + buttonView.getText().toString(),
							Toast.LENGTH_LONG).show();
				} else {
					Toast.makeText(MainActivity.this,
							"关闭" + buttonView.getText().toString(),
							Toast.LENGTH_LONG).show();
				}
			}
		});
	}

}</span>

二、自定义Switch控件的开关效果

效果图：

 activity_main.xml中的代码：

<span style="font-size:18px;"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <Switch
        android:id="@+id/switch1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Switch控件" 
        android:thumb="@drawable/thumb_selctor"
        android:track="@drawable/track_selctor"
        />

</LinearLayout></span>

增加了两个属性thumb和track，解释如下：

android:track：底部的图片
android:thumb：滑块的图片


drawable文件夹下面的thumb_selctor.xml中的代码：

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 按下鼠标，显示白色的原型图片 -->
    <item android:drawable="@drawable/yuan_white" android:state_pressed="true"/>
    <!-- 松开鼠标，显示棕色的原型图片 -->
    <item android:drawable="@drawable/yuan_orange" android:state_pressed="false"/>

</selector></span>

drawable文件夹下面的track_selctor.xml中的代码：

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 蓝色的背景条，打开时显示该背景 -->
    <item android:drawable="@drawable/back_on" android:state_checked="true"/>
    <!-- 橘黄色的背景条，关闭时选择该背景 -->
    <item android:drawable="@drawable/back_off" android:state_checked="false"/>

</selector></span>

MainActivity.java中的代码：同上

代码Demo下载点这里