翻翻git之---偏向iOS风格的Switch ToggleSwitch

转载请注明出处:王亟亟的大牛之路

早上上了个很6的图片选择器 GalleryFinal 如果没有看的同学 可以看下,东西很不错哦,传送门:http://blog.csdn.net/ddwhan0123/article/details/50817152

这一篇上一个自定义控件ToggleSwitch

效果图:

第一眼看上去感觉就像旧版的iOS风格的Switch。

How to use?

Grade:

dependencies {
    compile 'us.belka:androidtoggleswitch:1.1.1'
}

Maven:

<dependency>
  <groupId>us.belka</groupId>
  <artifactId>androidtoggleswitch</artifactId>
  <version>1.0</version>
  <type>pom</type>
</dependency>

Eclipse:

Copy下图圈出来的部分就好了

如何设置?(这边拿Eclipse Copy完为例)

  <sample.wjj.toggle_switchdemo.ToggleSwitch
        android:id="@+id/aTo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        custom:textToggleLeft="打开"
        custom:textToggleRight="关闭" />
上图中第2个效果就是 这样的

 如果要3个那就再加一个
 custom:textToggleCenter="默认"
 第一个效果就是添加后的效果

那如果你又许多个?不止三个?

那就在业务的Activity中获取控件对象,再传入一个 ArrayList就行了
像这样

ToggleSwitch toggleSwitch = (ToggleSwitch) findViewById(R.id.multiple_switches);
ArrayList<String> labels = new ArrayList<>();
labels.add("AND");
labels.add("OR");
labels.add("XOR");
labels.add("NOT");
labels.add("OFF");
toggleSwitch.setLabels(labels);

效果如下:

因为他不是继承于Switch所以,也就没有所谓的true false2个返回值的概念,全部都由 position返回,也就是从最左边->最右边,从0开始递增就是所被点击的那个position

那么如何获取position呢?

  aTo = (ToggleSwitch) findViewById(R.id.aTo);
 aTo.setOnToggleSwitchChangeListener(new ToggleSwitch.OnToggleSwitchChangeListener() {
            @Override
            public void onToggleSwitchChangeListener(int position) {
                Toast.makeText(MainActivity.this,position+"被点击",Toast.LENGTH_SHORT).show();
            }
        });

例子中的土司也就是这么实现的。

那如果你要初始化设置某个为默认项,就设置下position 像这样

toggleSwitch.setCheckedTogglePosition(position);

要获取就这样

int position = toggleSwitch.getCheckedTogglePosition();

还有些设置内容下面也罗列一下,主要是字体大小啊,颜色啊,间距什么的

Option Name Format Description
android:textSize dimension Text size of each button
custom:activeBgColor color Background color of the checked button
custom:activeTextColor color Text color of the checked button
custom:inactiveBgColor color Background color of the inactive buttons
custom:inactiveTextColor color Text color of the inactive buttons
custom:separatorColor color Color of the vertical separator between inactive buttons
custom:toggleWidth dimension Width of each button

总体使用起来和源生控件一样,没什么区别,实现难度也不高,大家可以适当的学习下,自己页写写 会有长进。

源码地址:https://github.com/BelkaLab/Android-Toggle-Switch/archive/master.zip

作者Git:https://github.com/BelkaLab

时间: 2024-08-02 05:15:52

翻翻git之---偏向iOS风格的Switch ToggleSwitch的相关文章

Android开发中实现IOS风格底部选择器(支持时间 日期 自定义)_Android

本文Github代码链接 https://github.com/AndroidMsky/AndoirdIOSPicker 先上图吧: 这是笔者最近一个项目一直再用的一个选择器库,自己也在其中做了修改,并决定持续维护下去. 先看使用方法: 日期选择: private void showDateDialog(List<Integer> date) { DatePickerDialog.Builder builder = new DatePickerDialog.Builder(this); bui

Android实现类似iOS风格的对话框实例代码

分享一个简单的常用的对话框类,按照国际惯例,先上图 布局简单,先上布局.一个标题,一个内容,两个按钮 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout an

如何使用jQuery技术开发ios风格的页面导航菜单_jquery

效果图: 目前市场上越来越流行IOS风格的操作系统和导航方式,在今天的jQuery教程中,我们介绍如何生成一个iphone风格的菜单导航. HTML代码 我们使用镶嵌的<li>来生成菜单内容,并且包含在<nav>标签中,如下: <nav> <h1>导航菜单</h1> <ul> <li> <h2>专题教程</h2> <ul> <li> <h3>HTML专题教程<

翻翻git之---自定义邮件发送按钮SendButton(流程分析,实现思路可以学习下)

转载请注明出处:王亟亟的大牛之路 距离过年还有1天,继续这一系列的git翻料之旅. 昨天的工具类真的很棒,这里再推崇一下 传送门:http://blog.csdn.net/ddwhan0123/article/details/50624061 (实际去体验的小伙伴都说好) 今天上一个自定义的Button:SendButton 效果: 比较建议把代码抠出来因为内容不多,一个类就画完了 地址:https://github.com/ddwhan0123/SendButton 因为内容不多,我们就来分析

翻翻git之---一个丰富的通知工具类 NotifyUtil

转载请注明出处王亟亟的大牛之路 P1(废话板块,今天还加了个小广告) 昨天出去浪,到家把麦麦当当放出来玩一会就整到了12点多..早上睡过头了..简直心酸.... 最近手头上有一些职位可以操作,然后这里Share给大家 公司:暴走大事件 职位:Android/iOS开发 地点:上海 公司:Pactera 职位:Android/Java/PHP/.Net/Web前端/测试/UI设计 地点:上海(这批收的服务于 平安) 公司: 阿里巴巴 职位:Android/iOS 地点:北京/杭州/上海 有意向 可

翻翻git之---实用工具类Lazy(绝对的好东西,走过路过别错过)

转载请注明出处:这里写链接内容 今天还是继续昨天的从Git上找点"有用的","好玩的","推荐的"东西给大家,今天贴的是一个工具类.地址如下https://github.com/ddwhan0123/Lazy 原作者Blog:http://weibo.com/2675061813/profile?topnav=1&wvr=6 他有一些比较常用的,诸如设备状态啊,土司啊,窗口啊,测量啊什么的,还有些我觉得平时回去搜,但是不多的资源,如拼音和

翻翻git之---利用RecyclerView实现折叠效果 SectionedExpandableGridRecyclerView

转载请注明出处:王亟亟的大牛之路 今天也没有P1,因为年前酱油打多了,事情堆积到现在有点紧迫感了,快点给观众老爷上完聊我就去做事了!! 今天上的是一个可折叠的RecyclerView SectionedExpandableGridRecyclerView(名字好长) 先上下效果图: 因为是RecyclerView 那这些点击.折叠都是自己写的事件了,所以还是感谢作者!!! how to use? 因为原作者没有做 jcenter下载那么我们就只能 把代码和资源文件都Copy进去了 这些都弄进去

翻翻git之---RecycleView的上拉,下拉刷新,样式切换,添加foot和header的强大库 RecyclerViewManager

转载请注明出处王亟亟的大牛之路 前两天写了一个上拉刷新的,今天看到个上下拉都可刷新还实现了foot 和header以及3种RecycleView样式的切换就给大家介绍下,先贴下foot部分因为实例中并没加入foot 这部图片大小 没搞好 再贴一下2个刷新的效果 因为作者是中国人,所以实现原理他写了一个很好的解释文章,这边就不罗嗦了看传送门:http://z.sye.space/2015/11/23/RecyclerViewManager/ how to use? Grade: allprojec

翻翻git之---基于universalimageloader实现的图片加载控件BlurImageView

转载请注明出处:王亟亟的大牛之路 昨天做了个梦,梦醒后觉得还是要更努力的学习,所以不多说废话,直接上货. BlurImageView 效果图: 流程: 实现原理,加载2张图片一张为很小的缩略图,一张为原图,缩略图加载完后做放大模糊处理,然后展开进度条加载原图,原图加载成功后替换缩略图. How to use? Grade: dependencies { compile 'com.wingjay:blurimageviewlib:1.1.0' } Eclipse: lib目录下面的3各类Copy进