2. 程式人生 > >Android 滑動開關控制元件

Android 滑動開關控制元件

阿新 • • 發佈：2019-02-07
效果預覽:
Android <wbr>滑動開關控制元件
Android <wbr>滑動開關控制元件

SlipButton.java
 Java程式碼 收藏程式碼
  1. package com.iaiai.activity;  
  2. import android.content.Context;  
  3. import android.graphics.Bitmap;  
  4. import android.graphics.BitmapFactory;  
  5. import android.graphics.Canvas;  
  6. import android.graphics.Matrix;  
  7. import android.graphics.Paint;  
  8. import android.graphics.Rect;  
  9. import android.util.AttributeSet;  
  10. import android.view.MotionEvent;  
  11. import android.view.View;  
  12. import android.view.View.OnTouchListener;  
  13. publicclass SlipButton extends View implements OnTouchListener {  
  14.     publicinterface OnChangedListener {  
  15.         abstractvoid OnChanged(String strName, 
    boolean CheckState);  
  16.     }  
  17.     private String strName;  
  18.     privateboolean enabled = true;  
  19.     publicboolean flag = false;// 設定初始化狀態
  20.     publicboolean NowChoose = false;// 記錄當前按鈕是否開啟,true為開啟,flase為關閉
  21.     privateboolean OnSlip = false;// 記錄使用者是否在滑動的變數
  22.     publicfloat DownX = 0f, NowX = 0f;// 按下時的x,當前的x,NowX>100時為ON背景,反之為OFF背景
  23.     private Rect Btn_On, Btn_Off;// 開啟和關閉狀態下,遊標的Rect
  24.     privateboolean isChgLsnOn = false;  
  25.     private OnChangedListener ChgLsn;  
  26.     private Bitmap bg_on, bg_off, slip_btn;  
  27.     public SlipButton(Context context) {  
  28.         super(context);  
  29.         init();  
  30.     }  
  31.     public SlipButton(Context context, AttributeSet attrs) {  
  32.         super(context, attrs);  
  33.         init();  
  34.     }  
  35.     publicvoid setChecked(boolean fl) {  
  36.         if (fl) {  
  37.             flag = true;  
  38.             NowChoose = true;  
  39.             NowX = 80;  
  40.         } else {  
  41.             flag = false;  
  42.             NowChoose = false;  
  43.             NowX = 0;  
  44.         }  
  45.     }  
  46.     publicvoid setEnabled(boolean b) {  
  47.         if (b) {  
  48.             enabled = true;  
  49.         } else {  
  50.             enabled = false;  
  51.         }  
  52.     }  
  53.     privatevoid init() {// 初始化
  54.         // 載入圖片資源
  55.         bg_on = BitmapFactory.decodeResource(getResources(), R.drawable.on_btn);  
  56.         bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.off_btn);  
  57.         slip_btn = BitmapFactory.decodeResource(getResources(), R.drawable.white_btn);  
  58.         // 獲得需要的Rect資料
  59.         Btn_On = new Rect(0, 0, slip_btn.getWidth(), slip_btn.getHeight());  
  60.         Btn_Off = new Rect(bg_off.getWidth() - slip_btn.getWidth(), 0, bg_off.getWidth(), slip_btn.getHeight());  
  61.         setOnTouchListener(this);// 設定監聽器,也可以直接複寫OnTouchEvent
  62.     }  
  63.     @Override
  64.     protectedvoid onDraw(Canvas canvas) {// 繪圖函式
  65.         super.onDraw(canvas);  
  66.         Matrix matrix = new Matrix();  
  67.         Paint paint = new Paint();  
  68.         float x;  
  69.         {  
  70.             if (flag) {  
  71.                 NowX = 80;  
  72.                 flag = false;  
  73.             }// bg_on.getWidth()=71
  74.             if (NowX < (bg_on.getWidth() / 2))// 滑動到前半段與後半段的背景不同,在此做判斷
  75.                 canvas.drawBitmap(bg_off, matrix, paint);// 畫出關閉時的背景
  76.             else
  77.                 canvas.drawBitmap(bg_on, matrix, paint);// 畫出開啟時的背景
  78.             if (OnSlip) {// 是否是在滑動狀態,
  79.                 if (NowX >= bg_on.getWidth())// 是否劃出指定範圍,不能讓遊標跑到外頭,必須做這個判斷
  80.                     x = bg_on.getWidth() - slip_btn.getWidth() / 2;// 減去遊標1/2的長度...
  81.                 else
  82.                     x = NowX - slip_btn.getWidth() / 2;  
  83.             } else {// 非滑動狀態
  84.                 if (NowChoose)// 根據現在的開關狀態設定畫遊標的位置
  85.                     x = Btn_Off.left;  
  86.                 else
  87.                     x = Btn_On.left;  
  88.             }  
  89.             if (x < 0)// 對遊標位置進行異常判斷...
  90.                 x = 0;  
  91.             elseif (x > bg_on.getWidth() - slip_btn.getWidth())  
  92.                 x = bg_on.getWidth() - slip_btn.getWidth();  
  93.             canvas.drawBitmap(slip_btn, x, 0, paint);// 畫出遊標.
  94.         }  
  95.     }  
  96.     publicboolean onTouch(View v, MotionEvent event) {  
  97.         if (!enabled) {  
  98.             returnfalse;  
  99.         }  
  100.         switch (event.getAction()) {// 根據動作來執行程式碼
  101.         case MotionEvent.ACTION_MOVE:// 滑動
  102.             NowX = event.getX();  
  103.             break;  
  104.         case MotionEvent.ACTION_DOWN:// 按下
  105.             if (event.getX() > bg_on.getWidth() || event.getY() > bg_on.getHeight())  
  106.                 returnfalse;  
  107.             OnSlip = true;  
  108.             DownX = event.getX();  
  109.             NowX = DownX;  
  110.             break;  
  111.         case MotionEvent.ACTION_UP:// 鬆開
  112.             OnSlip = false;  
  113.             boolean LastChoose = NowChoose;  
  114.             if (event.getX() >= (bg_on.getWidth() / 2))  
  115.                 NowChoose = true;  
  116.             else
  117.                 NowChoose = false;  
  118.             if (isChgLsnOn && (LastChoose != NowChoose))// 如果設定了監聽器,就呼叫其方法..
  119.                 ChgLsn.OnChanged(strName, NowChoose);  
  120.             break;  
  121.         default:  
  122.         }  
  123.         invalidate();// 重畫控制元件
  124.         returntrue;  
  125.     }  
  126.     publicvoid SetOnChangedListener(String name, OnChangedListener l) {// 設定監聽器,當狀態修改的時候
  127.         strName = name;  
  128.         isChgLsnOn = true;  
  129.         ChgLsn = l;  
  130.     }  
  131. }  


MainActivity.java Java程式碼

相關推薦

Android 滑動開關控制元件

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

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自定義控制元件之實現滑動選擇開關

前言：今天我們仿照著Google給我們提供的Switch控制元件來進行一次模仿，自己動手打造一個可以換滑動圖片以及背景的圖片。 -----------------分割線--------------- 先看一下google提供的Switc控制元件： 其實用法很簡單就當普通的

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

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

Android中自定義滑動選中控制元件WheelView

WheelView a great functional custom WheelView with demo in dialog and bottomDialog,android 滾動選擇控制元件,滾動選擇器 ========= How to

Android星星評分控制元件SimpleRatingBar的使用（可點選和滑動星星）

Android星星評分控制元件SimpleRatingBar的使用 有一個專案需求，需要一個星星評分的控制元件，Android原生的RatingBar十分難用，而且還很醜，在網上找了很久，找到一個很好用的評分控制元件，在此記錄和分享一下 1.使用方法

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

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

Android自定義控制元件系列二：自定義開關按鈕（一）

這一次我們將會實現一個完整純粹的自定義控制元件，而不是像之前的組合控制元件一樣，拿系統的控制元件來實現；計劃分為三部分：自定義控制元件的基本部分，和自定義控制元件的自定義屬性； 下面就開始第一部分的編寫，本次以一個定義的開關按鈕為例，下面就開始吧： 先看看效果，一個點選開

android自定義控制元件_完全自定義控制元件（自定義開關）

前面總結到自定義控制元件分為 組合控制元件 繼承已有控制元件 比如自定義SmartImageView繼承ImageView 完全自定義控制元件 上一篇寫了自定義控制元件的自定義屬性深入理解點選連結檢視，是自定控制元件比較難以理解的地方，但是是很重

Android之switch控制元件字型style

<style name="switch_text_true_blue"> <item name="android:textColor">#3346da</item> </style> <style name="

Android之switch控制元件監聽

mSwith.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(Comp

Android之switch控制元件佈局

<Switch android:track="@drawable/switch_track" android:thumb="@drawable/swith_thumb" android:id="@+id/zx_switch"

Android listview子控制元件的的點選事件（轉）

1.先看圖，是否是你想要的   2.佈局檔案<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" androi

android-自定義控制元件

自定義控制元件兩種方式 1、繼承ViewGroup 例如：ViewGroup , LinearLayout, FrameLayout, RelativeLayout等。 2、繼承View 例如：View, TextView, ImageView, Button等。 View的測量

自定義Switch開關控制元件

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

Android 自定義控制元件-星級評分

在學習自定義控制元件時需要一些例子來練練手，本文這個控制元件就是在這種環境下產生的（可能有BUG）； 這個控制元件設計的特點： 1，可以任意修改星星數量 2，可以星星大小會隨控制元件大小而縮小，在控制元件足夠大的情況可以任意設定星星大小 3，滑動監聽，根據滑動距離選擇星級 4，可

Android------------UI的控制元件學習內容

1. android:gravity="fill_horizontal"  :  文字在顯示框中內容顯示的位置 2.ToggleButton :  切換按鈕   3.RadioGroup :  單選按鈕 4.CheckBox :

Android設定常見控制元件點選效果

一. Imageview的點選效果——圖片稍微變暗突出點選效果 public class ClickImageView extends AppCompatImageView { public ClickImageView(Context context) { super(context);

[Android自定義控制元件] Android自定義控制元件

轉載自： http://blog.163.com/[email protected]/blog/static/103242241201382210910473/ 開發自定義控制元件的步驟: 1、瞭解View的工作原理  2、