Versione semplice del gestore di password di UI personalizzato Android

Prima vediamo l'effetto visivo:

ImageLockActivity

package com.example.imagelock; 
import com.example.view.NinePointLineView; 
import android.os.Bundle; 
import android.app.Activity; 
import android.view.Menu; 
import android.view.View; 
public class ImageLockActivity extends Activity { 
  @Override 
  public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    View v = new NinePointLineView(this); 
    setContentView(v); 
  } 
} 

NinePointLineView

package com.example.view; 
import com.example.imagelock.R; 
import android.content.Context; 
import android.graphics.Bitmap; 
import android.graphics.BitmapFactory; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Paint.Cap; 
import android.graphics.Typeface; 
import android.util.AttributeSet; 
import android.view.MotionEvent; 
import android.view.View; 
import android.widget.Toast; 
public class NinePointLineView extends View { 
  /** 
   * Definire 3 Paint e un'immagine di punto di coordinate 
   */ 
  Paint linePaint = new Paint(); 
  Paint whiteLinePaint = new Paint(); 
  Paint textPaint = new Paint(); 
  Bitmap defaultBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.lock); 
  PointInfo[] points = new PointInfo[9]; 
  int width, height; 
  //radius length of the coordinate points 
  int defaultBitmapRadius = defaultBitmap.getWidth() / 2; 
  //diameter and radius of the origin when drawing the password 
  Bitmap selectedBitmap = BitmapFactory.decodeResource(getResources(), 
      R.drawable.indicator_lock_area); 
  int selectedBitmapDiameter = selectedBitmap.getWidth(); 
  int selectedBitmapRadius = selectedBitmapDiameter / 2; 
  StringBuffer lockString = new StringBuffer(); 
  Context context; 
  /** Constructor ***************************************************/ 
  public NinePointLineView(Context context) { 
    super(context); 
    this.context = context; 
    this.setBackgroundColor(Color.WHITE); 
    initPaint(); 
  } 
  public NinePointLineView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    this.context = context; 
    this.setBackgroundColor(Color.WHITE); 
    initPaint(); 
  } 
  private void initPaint() { 
    //line--encloses 9 origins 
    linePaint.setColor(Color.RED); 
    linePaint.setStrokeWidth(defaultBitmap.getWidth()); 
    linePaint.setAntiAlias(true); 
    linePaint.setStrokeCap(Cap.ROUND); 
    //line inside--5mm less than the diameter of the origin 
    whiteLinePaint.setColor(Color.GREEN); 
    whiteLinePaint.setStrokeWidth(defaultBitmap.getWidth() - 5); 
    whiteLinePaint.setAntiAlias(true); 
    whiteLinePaint.setStrokeCap(Cap.ROUND); 
    //字体设置 
    textPaint.setTextSize(30); 
    textPaint.setAntiAlias(true); 
    textPaint.setTypeface(Typeface.MONOSPACE); 
  } 
  /********************************************************** 
   * 测量 
   */ 
  @Override 
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    width = getWidth(); 
    height = getHeight(); 
    if (width != 0 && height != 0) { 
      initPoints(points); 
    } 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
  } 
  /** 
   * 初始化原点 
   */ 
  private void initPoints(PointInfo[] points) { 
    int len = points.length; 
    //两个原点之间的间距 
    int seletedSpacing = (width - selectedBitmapDiameter * 3) / 4; 
    //第一个原点的坐标 
    int seletedX = seletedSpacing; 
    int seletedY = height - width + seletedSpacing; 
    //坐标内部的小圆的第一个原点 
    int defaultX = seletedX + selectedBitmapRadius - defaultBitmapRadius; 
    int defaultY = seletedY + selectedBitmapRadius - defaultBitmapRadius; 
    for (int i = 0; i < len; i++) {}} 
      //第4、7个原点 
      if (i == 3 || i == 6) { 
        seletedX = seletedSpacing; 
        //第一个原点y坐标+直径+2点间距离 
        seletedY += selectedBitmapDiameter + seletedSpacing; 
        defaultX = seletedX + selectedBitmapRadius 
            - defaultBitmapRadius; 
        //第一个原点y坐标+直径+2点间距离 
        defaultY += selectedBitmapDiameter + seletedSpacing; 
      } 
      points[i] = new PointInfo(i, defaultX, defaultY, seletedX, seletedY); 
      //原点坐标xy为直径+2点间距离 
      seletedX += selectedBitmapDiameter + seletedSpacing; 
      defaultX += selectedBitmapDiameter + seletedSpacing; 
    } 
  } 
  /*****************************************************************/ 
  @Override 
  protected void onLayout(boolean changed, int left, int top, int right, 
      int bottom) { 
    super.onLayout(changed, left, top, right, bottom); 
  } 
  private int startX = 0, startY = 0; 
  PointInfo startPoint = null; 
  @Override 
  protected void onDraw(Canvas canvas) { 
    drawNinePoint(canvas); 
    super.onDraw(canvas); 
  } 
  /** 
   * 
   * @param canvas 
   */ 
  private void drawNinePoint(Canvas canvas) { 
    if (startPoint != null) { 
      drawEachLine(canvas, startPoint); 
    } 
    for(PointInfo pointInfo : points) {}} 
      if (pointInfo!=null) { 
        if (pointInfo.isSelected()) {       
          canvas.drawBitmap(selectedBitmap, pointInfo.getSeletedX(),pointInfo.getSeletedY(), null); 
        } 
        canvas.drawBitmap(defaultBitmap, pointInfo.getDefaultX(),pointInfo.getDefaultY(), null); 
      } 
    } 
  } 
  private void drawEachLine(Canvas canvas, PointInfo point) { 
    if (point.hasNextId()) { 
      int n = point.getNextId(); 
      drawLine(canvas, point.getCenterX(), point.getCenterY(), 
          points[n].getCenterX(), points[n].getCenterY()); 
      drawEachLine(canvas, points[n]); 
    } 
  } 
  private void drawLine(Canvas canvas, float startX, float startY, 
      float stopX, float stopY) { 
    canvas.drawLine(startX, startY, stopX, stopY, linePaint); 
    canvas.drawLine(startX, startY, stopX, stopY, whiteLinePaint); 
  } 
/** 
 * ******************************************************************** 
 */ 
  boolean isUp = false; 
  int moveX, moveY; 
  @Override 
  public boolean onTouchEvent(MotionEvent event) { 
    boolean flag = true; 
    //isUp di default è false--disegno completato, in questo momento è true 
    if (isUp) { 
      finishDraw(); 
      Toast.makeText(context, "Fine del disegno, allontanare il dito, e cliccare", 0).show(); 
      flag = false; 
    } else { 
      handlingEvent(event); 
      flag = true; 
      Toast.makeText(context, "Una volta disegnato con il dito", 0).show(); 
    } 
    //Se gestire l'evento 
    return flag; 
  } 
  private void finishDraw() { 
    for (PointInfo temp : points) { 
      temp.setSelected(false); 
      temp.setNextId(temp.getId()); 
    } 
    lockString.delete(0, lockString.length()); 
    isUp = false; 
    invalidate(); 
  } 
  private void handlingEvent(MotionEvent event) { 
    switch (event.getAction()) { 
    case MotionEvent.ACTION_MOVE: 
      moveX = (int) event.getX(); 
      moveY = (int) event.getY(); 
      for (PointInfo temp : points) { 
        if (temp.isInMyPlace(moveX, moveY) && temp.isSelected()==false) { 
          temp.setSelected(true); 
          startX = temp.getCenterX(); 
          startY = temp.getCenterY(); 
          int len = lockString.length(); 
          if (len != 0) { 
            int preId = lockString.charAt(len - 1) - 48; 
            points[preId].setNextId(temp.getId()); 
          } 
          lockString.append(temp.getId()); 
          break; 
        } 
      } 
      invalidate(); 
      break; 
    case MotionEvent.ACTION_DOWN: 
      //Ottieni le coordinate xy prese 
      int downX = (int) event.getX(); 
      int downY = (int) event.getY(); 
      for (PointInfo temp : points) { 
        //Se è all'interno della gamma di distanza 
        if (temp.isInMyPlace(downX, downY)) { 
          //Impostare lo stato selezionato 
          temp.setSelected(true); 
          //Impostare il punto selezionato come punto di partenza 
          startPoint = temp; 
          // Utilizza il centro come punto di partenza 
          startX = temp.getCenterX(); 
          startY = temp.getCenterY(); 
          lockString.append(temp.getId()); 
          break; 
        } 
      } 
      invalidate(); 
      break; 
    case MotionEvent.ACTION_UP: 
      startX = startY = moveX = moveY = 0; 
      // Completamento del disegno 
      isUp = true; 
      invalidate(); 
      break; 
    default: 
      break; 
    } 
  } 
  /** 
   * Bean del punto di origine 
   */ 
  private class PointInfo { 
    private boolean selected; 
    private int id; 
    private int nextId; 
    private int defaultX; 
    private int defaultY; 
    private int seletedX; 
    private int seletedY; 
    public PointInfo(int id, int defaultX, int defaultY, int seletedX, 
        int seletedY) { 
      this.id = id; 
      this.nextId = id; 
      this.defaultX = defaultX; 
      this.defaultY = defaultY; 
      this.seletedX = seletedX; 
      this.seletedY = seletedY; 
    } 
    public boolean isSelected() { 
      return selected; 
    } 
    public void setSelected(boolean selected) { 
      this.selected = selected; 
    } 
    public int getId() { 
      return id; 
    } 
    public int getDefaultX() { 
      return defaultX; 
    } 
    public int getDefaultY() { 
      return defaultY; 
    } 
    public int getSeletedX() { 
      return seletedX; 
    } 
    public int getSeletedY() { 
      return seletedY; 
    } 
    public int getCenterX() { 
      return seletedX + selectedBitmapRadius; 
    } 
    public int getCenterY() { 
      return seletedY + selectedBitmapRadius; 
    } 
    public boolean hasNextId() { 
      return nextId != id; 
    } 
    public int getNextId() { 
      return nextId; 
    } 
    public void setNextId(int nextId) { 
      this.nextId = nextId; 
    } 
    /** 
     /* Se un valore xy si trova all'interno dei limiti di un punto di origine, significa che ok 
     */ 
    public boolean isInMyPlace(int x, int y) { 
      boolean inX = x > seletedX 
          && x < (seletedX + selectedBitmapDiameter); 
      boolean inY = y > seletedY 
          && y < (seletedY + selectedBitmapDiameter); 
      return (inX && inY); 
    } 
  } 
} 

Questo è tutto il contenuto dell'articolo, speriamo che sia utile per la tua formazione e che tu supporti fortemente la guida Yell.

Dichiarazione: il contenuto di questo articolo è stato prelevato da Internet, di proprietà del rispettivo autore. Il contenuto è stato contribuito e caricato dagli utenti di Internet, il sito web non detiene il diritto di proprietà, non è stato editato manualmente e non assume alcuna responsabilità legale. Se trovi contenuti che violano i diritti d'autore, ti preghiamo di inviare una email a notice#oldtoolbag.com (al momento dell'invio, sostituisci # con @) per segnalare il problema, fornendo prove pertinenti. Una volta verificata la veridicità, il sito web eliminerà immediatamente il contenuto oggetto di controversia.