ToggleButton 与Switch二者都是Button的子类,与RadioButton和CheckBox不同的是,ToggleButton 与Switch二者通常用作切换程序中的某种状态
ToggleButton 与Switch二者常用的xml属性是 android:checked;android:textOn;android:textOff;
而Switch常用的属性还有,android:thumb;
由于Switch是android4.0以后才有的版本,所以用该按钮的时候 一定要将项目的anroid版本调高一些,或者将AVD的API调高一些。才不会出现问题,本文利用这两个按钮来控制页面布局,这里用到了<LinearLayout/>
====================================================================================
xml代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<!-- 定义一个ToggleButton按钮 -->
<ToggleButton android:id="@+id/toggle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOff="横向排列"
android:textOn="纵向排列"
android:checked="true"
/>
<Switch android:id="@+id/switcher"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOff="横向排列"
android:textOn="纵向排列"
android:thumb="@drawable/check"
android:checked="true"/>
<!-- 定义一个可以动态改变方向的线性布局 -->
<LinearLayout android:id="@+id/test"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="测试按钮一"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"==将这三个按钮放在了一个LinearLayout中
android:text="测试按钮二"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="测试按钮三"
/>
</LinearLayout>
</LinearLayout>
==================================================================================
java代码
package org.crazyit.ui;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.LinearLayout;
import android.widget.Switch;
import android.widget.ToggleButton;
/**
* Description:
* <br/>site: <a href="http://www.crazyit.org">crazyit.org</a>
* <br/>Copyright (C), 2001-2014, Yeeku.H.Lee
* <br/>This program is protected by copyright laws.
* <br/>Program Name:
* <br/>Date:
* @author Yeeku.H.Lee kongyeeku@163.com
* @version 1.0
*/
public class ToggleButtonTest extends Activity
{
ToggleButton toggle;
Switch switcher;
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
toggle = (ToggleButton)findViewById(R.id.toggle);
switcher = (Switch)findViewById(R.id.switcher);
final LinearLayout test = (LinearLayout)findViewById(R.id.test);
toggle.setOnCheckedChangeListener(new OnCheckedChangeListener()
{
@Override
public void onCheckedChanged(CompoundButton buttonView,
boolean isChecked) {
// TODO Auto-generated method stub
if(isChecked)
{
//设置LinearLayout垂直布局
test.setOrientation(1);
Log.i("j","jhkjh");
}
else
{
//设置LinearLayout水平布局
test.setOrientation(0);
}
}
});
switcher.setOnCheckedChangeListener(new OnCheckedChangeListener()
{
@Override
public void onCheckedChanged(CompoundButton buttonView,
boolean isChecked) {
// TODO Auto-generated method stub
if(isChecked)
{
//设置LinearLayout垂直布局
test.setOrientation(1);
Log.i("j","jhkjh");
}
else
{
//设置LinearLayout水平布局
test.setOrientation(0);
}
}
});
}
}
- 大小: 10.6 KB
分享到:
相关推荐
Laravel开发-laravel-toggle-switch-button 为Laravel定制的拨动开关按钮发生器。
使用 npm install bootstrap-show-password-toggle 使用安装yarn add bootstrap-show-password-toggle用法在 CSS 中包含show-password-toggle.css 将输入的密码包装在input-group div 中,如下所示: <...
React原生切换开关用于 React Native 应用程序的可定制开关组件
npm i react-dark-mode-toggle 使用 : yarn add react-dark-mode-toggle :sparkles: 用法 import React , { useState } from "react" ; import DarkModeToggle from "react-dark-mode-toggle" ; export default ...
Laravel开发-laravel-feature-toggle Laravel 5包包装Joshuaestes/功能切换
超好超棒的bootstrap-toggle-buttons用在网页很不错
import DuoToggleSwitch from "react-native-duo-toggle-switch" ; 基本用法 配置 - 道具 财产 类型 默认 描述 宽度 数字 细绳 40% 高度 数字 细绳 35 按钮宽度 数字 细绳 85 按钮高度 数字 细绳 35 边界半径...
19nm 64Gb eX2 (2-Plane) Legacy and Toggle Mode DS_rev1-1
Guide Winform using C# language
开源项目-101Bas-hosts-toggle.zip,hosts-toggle - CLI application to easily toggle certain lines in your hostfile
代理切换小型应用程序,可帮助Android和测试工程师快速启用/禁用全局代理设置,而无需费心处理烦人的“网络设置”路径。 每个版本或您发现需要更新的内容都是每个文档的最新动态。应用安装如果您只想使用该应用程序...
QT c++简体中文 英文多语言动态切换源码,完整版本
用于本机React的时间开关组件,它适用于 Android、iOS 和 Web (react-native-web)。内容安装如果你使用 npm 使用 npm npm i time-switch-react-native --save 使用纱线yarn add time-switch-react-native --save 将...
使用该库指令可以实现一个输出线圈随输入点接通而不断翻转状态,类似单按钮启停功能
$ yarn add custom-element-password-toggle < script type =" module " defer > import 'custom-element-password-toggle' </ script > 基本用法 只需在您的输入字段上添加is="password-toggle" : ...
您需要从项目的根文件夹发出以下命令,即'startbootstrap-sb-admin-2-sidebar-toggle'才能运行演示。 此步骤必须并且应该成功运行。 $ bower install 此步骤是可选的。 检查步骤3。 $ python -m SimpleHTTPServer...
webext-domain-permission-toggle WebExtension模块:浏览器操作上下文菜单,用于请求当前选项卡的权限。 Chrome,Firefox,Safari。 如果您还想在新域上注入内容脚本,那么在与配对时很好。 该存储库甚至包括...
react-native-simple-anim-toggle
jw-bootstrap-switch-ng2 引导开关的角度组件。 使复选框更有趣很有用。 观看注意:用打字稿写的,没有JQuery。支持NPM版本角度的^ 2.0.0 角度6+ 1.0.10 角度5 1.0.0 角度2-4安装 npm install jw-bootstrap-switch-...
pluggin.js具有javascript接口PlugginTest / platforms / android / assets / www / js / pluggin.js Toggler.java是扩展CordovaPlugin的类,该类具有切换功能的所有代码实现。 PlugginTest /平台/android/src/...