iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android 之开关按钮 ToggleButton 和开关 Switch
  • 254
分享到

Android 之开关按钮 ToggleButton 和开关 Switch

android 2023-09-13 11:09:22 254人浏览 独家记忆
摘要

本节引言: 本节给大家介绍的Android基本UI控件是:开关按钮ToggleButton和开关Switch,可能大家对着两个组件 并不熟悉,突然想起笔者的第一间外包公司,是否在wifi下联网的开关,竟然用的TextView,然后叫美工

本节引言:

本节给大家介绍的Android基本UI控件是:开关按钮ToggleButton和开关Switch,可能大家对着两个组件 并不熟悉,突然想起笔者的第一间外包公司,是否在wifi下联网的开关,竟然用的TextView,然后叫美工 且两个切换前后的图,然后代码中进行设置,当然点击TextView的时候判断状态,然后设置对应的背景...

好吧,也是醉了,好吧...本节讲解的两个其实都是开关组件,只是后者需要在Android 4.0以后才能使用 所以AndroidManifest.xml文件中的minsdk需要 >= 14 否则会报错~,先来看看这两个控件长什么样先, Android 5.0后这两个控件相比以前来说好看了许多,先看下5.0前的样子:

5.0以前的ToggleButton和Switch:

 5.0版本:

好吧,鲜明的对比...接下来我们就来学习者两个控件的使用吧,其实两个的使用几乎是相同的。

开始之前贴下官方api先:SwitchToggleButton


1.核心属性讲解:

1)ToggleButton(开关按钮)

可供我们设置的属性:

  • android:disabledAlpha:设置按钮在禁用时的透明度
  • android:textOff:按钮没有被选中时显示的文字
  • android:textOn:按钮被选中时显示的文字 另外,除了这个我们还可以自己写个selector,然后设置下Background属性即可~

2) Switch(开关)

可供我们设置的属性:

  • android:showText:设置on/off的时候是否显示文字,boolean
  • android:splitTrack:是否设置一个间隙,让滑块与底部图片分隔,boolean
  • android:switchMinWidth:设置开关的最小宽度
  • android:switchPadding:设置滑块内文字的间隔
  • android:switchTextAppearance:设置开关的文字外观,暂时没发现有什么用...
  • android:textOff:按钮没有被选中时显示的文字
  • android:textOn:按钮被选中时显示的文字
  • android:textStyle:文字风格,粗体,斜体写划线那些
  • android:track:底部的图片
  • android:thumb:滑块的图片
  • android:typeface:设置字体,默认支持这三种:sans, serif, monospace;除此以外还可以使用 其他字体文件(*.ttf),首先要将字体文件保存在assets/fonts/目录下,不过需要在Java代码中设置: Typeface typeFace =Typeface.createFromAsset(getAssets(),"fonts/HandmadeTypewriter.ttf"); textView.setTypeface(typeFace);

2.使用示例:

因为比较简单,所以我们把他们写到一起,另外,我们为Switch设置下滑块和底部的图片,实现 一个类似于iOS 7的滑块的效果,但是有个缺点就是不能在XML中对滑块和底部的大小进行设置, 就是素材多大,Switch就会多大,我们可以在Java中获得Drawable对象,然后对大小进行修改, 简单的例子:

运行效果图:

实现代码: 先是两个drawable的文件: thumb_selctor.xml:

        

track_selctor.xml:

        

布局文件:activity_main.xml:

        

MainActivity.java:

public class MainActivity extends AppCompatActivity implements CompoundButton.OnCheckedChangeListener{    private ToggleButton tbtn_open;    private Switch swh_status;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        tbtn_open = (ToggleButton) findViewById(R.id.tbtn_open);        swh_status = (Switch) findViewById(R.id.swh_status);        tbtn_open.setOnCheckedChangeListener(this);        swh_status.setOnCheckedChangeListener(this);    }    @Override    public void onCheckedChanged(CompoundButton compoundButton, boolean b) {        switch (compoundButton.getId()){            case R.id.tbtn_open:                if(compoundButton.isChecked()) Toast.makeText(this,"打开声音",Toast.LENGTH_SHORT).show();                else Toast.makeText(this,"打开声音",Toast.LENGTH_SHORT).show();                break;            case R.id.swh_status:                if(compoundButton.isChecked()) Toast.makeText(this,"开关:ON",Toast.LENGTH_SHORT).show();                else Toast.makeText(this,"开关:OFF",Toast.LENGTH_SHORT).show();                break;        }    }}

来源地址:https://blog.csdn.net/leyang0910/article/details/130955425

--结束END--

本文标题: Android 之开关按钮 ToggleButton 和开关 Switch

本文链接: https://www.lsjlt.com/news/405743.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android 之开关按钮 ToggleButton 和开关 Switch
    本节引言: 本节给大家介绍的Android基本UI控件是:开关按钮ToggleButton和开关Switch,可能大家对着两个组件 并不熟悉,突然想起笔者的第一间外包公司,是否在wifi下联网的开关,竟然用的TextView,然后叫美工...
    99+
    2023-09-13
    android
  • ToggleButton(状态开关按钮)及Swich(开关)使用详解
    ToggleButton和Switch都是Android的UI控件,用于表示开关状态。它们在外观和功能上有一些区别。1. Toggl...
    99+
    2023-09-13
    详解
  • Android如何自定义Switch开关按钮控件
    这篇“Android如何自定义Switch开关按钮控件”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Android如何自定义...
    99+
    2023-07-02
  • Android开发手册自定义Switch开关按钮控件
    目录自定义Switch外观布局样式Drawable代码自定义Switch外观 外观定制这块属于基操了,我们利用属性 android:track 和 android:thumb 定制 ...
    99+
    2024-04-02
  • Android中ToggleButton开关状态按钮控件使用方法详解
    ToggleButton是Android中的开关按钮控件,可以用来表示两个状态之间的切换,比如开关、选择等。下面是ToggleBut...
    99+
    2023-08-08
    Android
  • Android开发之ToggleButton实现开关效果示例
    本文实例讲述了Android使用ToggleButton实现开关效果的方法。分享给大家供大家参考,具体如下:activity_main.xml<?xml version="1.0" encoding="utf-8"?&...
    99+
    2023-05-30
    android togglebutton roi
  • Android Switch开关按钮使用和自定义样式(系列教程五)
    Switch开关按钮简介 Switch开关按钮是Android中的基本控件之一,其本质上也是一个按钮,具有开和关两种展示状态。 Switch开关按钮基本使用 在布局文件中定义开关按钮: 下面是开关按钮的默认样式,比...
    99+
    2023-09-02
    android android studio androidx 前端 java
  • Android复选框CheckBox与开关按钮Switch及单选按钮RadioButton使用示例详解
    目录前言 一、复选框CheckBox二、开关按钮Switch三、单选按钮RadioButton单选组的用法前言  CompoundButton在XML文件中主要...
    99+
    2024-04-02
  • Android怎么实现自定义开关按钮
    这篇文章主要讲解了“Android怎么实现自定义开关按钮”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Android怎么实现自定义开关按钮”吧!一、原理我们在界面的某一个区域里放置一个背景图...
    99+
    2023-06-30
  • Android自定义开关按钮源码解析
    本文实例为大家分享了Android自定义开关的具体代码,供大家参考,具体内容如下 以 ToggleColorY 为例分析, ToggleImageY逻辑代码差不多 初始化参数 获取背...
    99+
    2024-04-02
  • 怎么用css实现switches开关按钮
    本篇内容主要讲解“怎么用css实现switches开关按钮”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用css实现switches开关按钮”吧!  今天给...
    99+
    2024-04-02
  • vue实现移动端的开关按钮
    本文实例为大家分享了vue实现移动端的开关按钮的具体代码,供大家参考,具体内容如下 逻辑: 1.写一个椭圆形的div 2.动态改变这个椭圆形的div的背景颜色 3.写一个圆点,这个圆...
    99+
    2024-04-02
  • 如何使用CSS实现开关按钮
    这篇文章给大家分享的是有关如何使用CSS实现开关按钮的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   HTML   需要用到的HTML并不是我们之前没见过的,也就是一个标准...
    99+
    2024-04-02
  • MotionLayout自定义开关按钮实例详解
    目录MotionLayout自定义一个动画开关按钮使用方法完整代码直接拿去用MotionLayout自定义一个动画开关按钮 MotionLayout是一个非常新的类,它来自Const...
    99+
    2022-11-13
    MotionLayout自定义开关按钮 MotionLayout开关按钮
  • Android实现史上最简单自定义开关按钮的方法
    目录前言一、原理二、实现1、自定义View类MyToggle1)属性字段2)覆写View类的构造方法3)创建init方法4)手指触摸事件回调方法onTouch5)界面重绘方法onDr...
    99+
    2024-04-02
  • vue怎么实现移动端的开关按钮
    本篇内容主要讲解“vue怎么实现移动端的开关按钮”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue怎么实现移动端的开关按钮”吧!逻辑:写一个椭圆形的div动态改变这个椭圆形的div的背景颜色写...
    99+
    2023-06-29
  • Android 6.0开发中如何实现关机菜单添加重启按钮
    小编给大家分享一下Android 6.0开发中如何实现关机菜单添加重启按钮,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!本文实例讲述了Android 6.0开发实现关机菜单添加重启按钮的方法。分享给大家供大家参考,具体如下...
    99+
    2023-05-30
    android
  • label+input如何实现按钮开关切换效果
    这篇文章主要介绍label+input如何实现按钮开关切换效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!代码如下所示:<!DOCTYPE html> <...
    99+
    2024-04-02
  • 如何使用jQuery实现滑动开关按钮效果
    这篇文章主要为大家展示了“如何使用jQuery实现滑动开关按钮效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何使用jQuery实现滑动开关按钮效果”这篇文...
    99+
    2024-04-02
  • C++ qt实现打开关闭状态按钮的代码
    效果图: 上述这种按钮,用QCheckBox可以实现,只要在选择与未选择的状态设置不同的图片即可:选择 未选择 实现代码 #include "widget.h" #includ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作