1. 程式人生 > >SwitchButton 的使用匯總 —— 定製漂亮的開關控制元件

SwitchButton 的使用匯總 —— 定製漂亮的開關控制元件

SwitchButton 是一個開源 switch開關控制元件;在android studio build.gradel引入外掛即可


在xml中佈局的每個屬性的意義如下:

kswThumbWidth:設定開關按鈕的寬
kswThumbHeight:設定開關按鈕的高
kswThumbMargin:設定開關與背景之間的編輯
kswThumbMarginLeft 、kswThumbMarginRight、kswThumbMarginButtom、kswThumbMarginTop 略
kswThumbRadius:設定開關按鈕的圓角半徑
kswThumbDrawable:用一張圖片作為開關按鈕 (設定了按鈕無切換效果)
kswThumbColor:設定開關按鈕的顏色 (設定了按鈕無切換效果)

kswBackRadius:設定開關背景的圓角半徑
kswBackColor:設定開關 背景顏色(設定了 無開關效果)ps:沒設定的話就沒有為透明

kswFadeBack:是否開起切換的漸變效果
kswBackMeasureRatio:設定開關背景的長度(可滑動區間的長度),他是比率,比率越大,越長
kswTintColor:設定開關 開啟後 背景及按鈕的顏色 
ps:如果只設置了kswBackColor而沒設定kswTintColor開關的切換隻有按鈕有切換效果,背景沒有

kswAnimationDuration:開關動畫的持續時間

kswTextOn:開啟狀態的文字
kswTextOff:關閉狀態的文字
kswTextMarginH:開啟或關閉文字 距離相應一邊的距離(eg:開啟狀態的文字距離)



android:checked="true" 置為開啟狀態 //可以看出  switchBotton實現了android Checkable介面

在程式碼中控制元件設定開啟或關閉狀態以及回撥監聽如下:

setChecked()切換有動畫效果
setCheckedImmediately() 作用與setChecked()一致但是無動畫效果

toggle()與toggleImmediately() 是切換當前狀態(比如 當前開啟,呼叫此方法則變為關閉狀態)兩者存在有無動畫效果區分

切換的回撥監聽
setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

            }
        }); 


1.4.1版本後存在切換後 無事件處理
etCheckedNoEvent(boolean)
setCheckedImmediatelyNoEvent(boolean)
toggleNoEvent()

toggleImmediatelyNoEvent()

進一步瞭解可以一起探討下原始碼,這是文件地址:https://github.com/kyleduo/SwitchButton

相關推薦

SwitchButton 的使用匯 —— 定製漂亮開關控制元件

SwitchButton 是一個開源 switch開關控制元件;在android studio build.gradel引入外掛即可 在xml中佈局的每個屬性的意義如下: kswThumbWidt

自定義Switch開關控制元件

自定義Switch開關控制元件 *做安卓也有一年多了*,一直想去學習**自定義控制元件**這一塊(其實是自己懶–!),最近閒下來看了很多關於自定義控制元件方面的東西,雖然不是很熟練,但是基本上能去弄清楚它的實現方式有哪些。。也自己試著去模仿別人的程式碼做了一些自定義的控制元件,其中就有

android自定義開關控制元件-SlideSwitch

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

IOS控制元件-UISwitch開關控制元件的使用

UISwitch開關控制元件的使用 func test3() {         //建立一個顯示區域         let rect = CGRect(x: 130, y: 100, width: 0, he

[Xcode10 實際操作]四、常用控制元件-(6)UISwitch開關控制元件的使用

本文將演示開關控制元件的基本用法。 開關控制元件有兩個互斥的選項,它是用來開啟或關閉選項的控制元件。 在專案導航區,開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewController: UIViewCo

Ext 6.5.3 classic版本,自定義實現togglefield開關控制元件

1,在Ext 6.5.3的classic版中沒有提供開關控制元件,參照modern版中 togglefield開關的實現,繼承滑動器(sliderfield),自定義一個開關按鈕。支援value繫結和點選切換狀態以及表單提交。 2,完成後效果如圖:   3, js程式碼如下:

開關控制元件在主流前端框架中的使用方法

本文僅介紹使用方法,後續再介紹實現方案及優劣對比。 jquerymobile jqm可以使用checkbox和select模擬switch控制元件,只需要增加data-role=‘flipswitch’即可; 預設開關控制元件: <input type="checkbox"

使用ASP.NET定製資料驗證控制元件

資料驗證控制元件是ASP.NET中專門用來驗證表單使用者輸入的控制元件。比如,RequiredFieldValidation就是一個專門用來驗證使用者是否已經輸入的控制元件,使用這個控制元件,可以保證使用者一定輸入了表單的某個表單項(比如資料輸入框)。另外,ASP.NET還專門提供了以下資料驗證控制元件: 1

Qt QWidget實現開關控制元件SwithButton(SlipButton)

前言 Qt做介面的時候常常會用到開關控制元件,類似於CheckButton有兩種狀態,只是介面表現形式不一樣而已。本文通過QWidget類來實現一個開關控制元件SwitchBtn(有些平臺上又稱為SlipButton)。 首先來看看封裝好的控制元件樣式

Bootstrap Switch(開關控制元件)簡易使用

/* bootstrap開關控制元件,初始化 */$(function(){          /* 初始化控制元件 */          $(".checkbox").bootstrapSwitch({              onText : "上線",      // 設定ON文字         

Android仿iOS左右滑動開關控制元件(Android4.0以上適用)

上週使用Android的switch模仿iOS的左右滑動開關控制元件,程式碼如下: aty_switch.xml: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android

android自定義滑動開關控制元件,適合所有的android系統

我們都知道Android4.0以上才帶有滑動開關Switch,那麼在4.0以下呢,很多人會選擇用CheckBox,放兩張圖片,但是這樣子只能點選,效果不太好,所以我就自定義了滑動開關WiperSwitch這麼一個控制元件,下面先把截圖貼上吧,這蹩腳的圖片真戳啊,大家可以自己換

Android 開關控制元件Switch的簡單使用

    在很多app的設定頁面,或者是一些功能的開關介面,我們常常用到 Switch(開關) 來展示狀態,今天說說新學到的Switch控制元件。     最基本情況的按鈕: <Switch

Android 滑動開關控制元件

效果預覽: SlipButton.java Java程式碼  package com.iaiai.activity;   import android.content.Context;   import android.graphics.Bitmap;   import android.g

UISwitch開關控制元件的點選事件

1.UISwitch:開關控制元件,繼承與UIControl 2.建立UISwitch 3.開闢空間並指定位置和大小 4.注意:這裡frame只有orgin 起作用,size使用的是系統預設的大小 5.設定開關開啟的顏色 6.設定開關狀態 7.新增事件 8.實現方法 開啟的顏

自定義SlideSwitch(開關控制元件)

實現效果: 定義樣式: <declare-styleable name="slideswitch"> <attr name="themeColor" format="color" /> <attr

Android自定義SwitchButton左右滑動開關按鈕控制元件

以前在專案中做過一個類似滑動開關的、但是可惜的是隻能用點的方式去操作、總感覺不完美、在網上查閱資料後、稍稍的改進了一下、添加了滑動事件、封裝了一個 SwitchButton 的類、分享給大家、希望對大家有用 MySwitchButton.java public class MySwitchButton ex

[C#] (原創)一步一步教你自定義控制元件——03,SwitchButton開關按鈕)

一、前言 技術沒有先進與落後,只有合適與不合適。 本篇的自定義控制元件是:開關按鈕(SwitchButton)。 開關按鈕非常簡單,實現方式也多種多樣,比如常見的:使用兩張不同的按鈕圖片,代表開和關,然後在點選時切換這兩張圖片。 而本篇和前兩篇一脈相承,都是繼承Control,使用GDI+去實現。因為都是相同

Linux學習命令九——任務計劃調度atd,crond及文件訪問控制列表

atd crontab linux任務計劃 facl 文件訪問控制列表 本章Blog相關Linux知識點linux 任務計劃: 一次性任務計劃命令: at ,batch ,依賴進程atd 周期性任務計劃命令:crontab ,anacron ,依賴進程crondat,batc

Linux學習命令十一——Linux進程管理、作業控制及進程命令詳解

ps top vmstat dmstat 進程管理 本章Blog相關Linux知識點 進程(process):進程是程序的執行實例,即運行中的程序,也是程序的副本;程序放置於磁盤中,而進程放置於內存中;進程的啟動及調度均是由內核發起的。init是所有進程的父進程,而子進程是由fork