1. 程式人生 > 程式設計 >Android studio實現滑動開關

Android studio實現滑動開關

大家好,今天剛學會使用Android Studio實現滑動開關的效果,自己感覺還可以,和大家分享一下,如果覺得可以的可以拿去,然後再給我點個贊,謝謝。本人也是學Android studiok開發不久,是個菜鳥,各位大佬覺得有不好的地方,可以討論一下,共同學習,一起進步。

實現效果

Android studio實現滑動開關

Android studio實現滑動開關

下面是程式碼,程式碼寫的比較粗糙,註釋沒有寫的很好,需要用的可以自己移植一下

package com.example.biansheng2;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import androidx.annotation.Nullable;

/**
 * 用於選擇手動模式還是路線規劃模式
 */
public class ModelSelectView extends View {
 Paint backPaint = new Paint();//背景畫筆
 Paint facePaint = new Paint();//表面檢視畫筆
 Paint colorPaint1 = new Paint();//繪製紅色和藍色
 Paint colorPaint2 = new Paint();//繪製橙色
 Paint colorPaint3 = new Paint();//繪製灰色
 Paint handFont = new Paint();//手動控制模式字型
 Paint routeFont = new Paint();//路線規劃模式字型

 boolean modelFlag = false;//false表示為手動控制模式,true表示為路線規劃模式

 RectF mRectF1 = new RectF(150,840,580,960);

 int x = 150,y = 900;//得到手指再控制元件上移動的座標

 public ModelSelectView(Context context,@Nullable AttributeSet attrs) {
  super(context,attrs);
 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  paintInit();
  canvas.drawRect(mRectF1,backPaint);
  canvas.drawCircle(150,900,60,backPaint);
  canvas.drawCircle(580,backPaint);

  if (!modelFlag){
   canvas.drawCircle(150,facePaint);
   canvas.drawRect(150,x,960,facePaint);

   //設定手動控制字型可見
   handFont.setAlpha(255);
   //設定路線規劃字型不可見
   routeFont.setAlpha(0);
  }else {
   canvas.drawCircle(580,facePaint);
   canvas.drawRect(x,facePaint);

   //設定手動控制字型不可見
   handFont.setAlpha(0);
   //設定路線規劃字型可見
   routeFont.setAlpha(255);
  }

  canvas.drawText("手動控制",250,915,handFont);
  canvas.drawText("路線規劃",routeFont);

  canvas.drawCircle(x,y,44,backPaint);
  canvas.drawCircle(x,40,colorPaint2);
  canvas.drawCircle(x,47,colorPaint3);


 }


 private void paintInit() {
  if (!modelFlag) {
   backPaint.setAntiAlias(true);
   backPaint.setColor(Color.parseColor("#ff00b5eb"));

   facePaint.setColor(Color.parseColor("#D81B60"));
   facePaint.setAntiAlias(true);


  }else {
   backPaint.setAntiAlias(true);
   backPaint.setColor(Color.parseColor("#D81B60"));

   facePaint.setColor(Color.parseColor("#ff00b5eb"));
   facePaint.setAntiAlias(true);


  }


  colorPaint2.setAntiAlias(true);
  colorPaint2.setColor(Color.parseColor("#FF6407"));

  colorPaint1.setAntiAlias(true);
  colorPaint1.setColor(Color.BLUE);

  colorPaint3.setColor(Color.WHITE);
  colorPaint3.setAntiAlias(true);
  colorPaint3.setStyle(Paint.Style.STROKE);
  colorPaint3.setStrokeWidth(5);

  Typeface font = Typeface.create(Typeface.DEFAULT_BOLD,Typeface.BOLD_ITALIC);
  handFont.setTypeface(font);
  handFont.setColor(Color.WHITE);
  handFont.setAntiAlias(true);
  handFont.setTextSize(50);

  routeFont.setTypeface(font);
  routeFont.setColor(Color.WHITE);
  routeFont.setAntiAlias(true);
  routeFont.setTextSize(50);


 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:

    break;

   case MotionEvent.ACTION_MOVE:
    int getX = (int) event.getX();
    int getY = (int) event.getY();

    //判斷得到的座標是否在檢視範圍之內
    if (getX >= 150 && getX <= 580 && getY >= 840 && getY <= 960) {
      x = getX;
      y = 900;
    }

    break;
    case MotionEvent.ACTION_UP:
     int getX1 = (int) event.getX();
     int getY1 = (int) event.getY();
     //判斷是否在控制元件內
     if (getY1 >= 810 && getY1 <= 990) {
       if (getX1 <= 280) {
        x = 150;
        modelFlag = false;
       } else if (getX1 >= 443) {
        x = 580;
        modelFlag = true;
       } else {
        if (!modelFlag) {
         x = 150;
         modelFlag = false;
        } else {
         x = 580;
         modelFlag = true;
        }
       }
     }
     break;
  }
  invalidate();//重新整理介面
  return true;
 }
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。