欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android編程實(shí)現(xiàn)畫板功能的方法總結(jié)【附源碼下載】

 更新時(shí)間:2018年02月07日 10:54:20   作者:Dennis-Android  
這篇文章主要介紹了Android編程實(shí)現(xiàn)畫板功能的方法,結(jié)合實(shí)例形式總結(jié)分析了Android基于自定義View與Canvas類實(shí)現(xiàn)畫板功能的具體操作步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了Android編程實(shí)現(xiàn)畫板功能的方法。分享給大家供大家參考,具體如下:

Android實(shí)現(xiàn)畫板主要有2種方式,一種是用自定義View實(shí)現(xiàn),另一種是通過(guò)Canvas類實(shí)現(xiàn)。當(dāng)然自定義View內(nèi)部也是用的Canvas。第一種方式的思路是,創(chuàng)建一個(gè)自定義View(推薦SurfaceView),在自定義View里通過(guò)Path對(duì)象記錄手指滑動(dòng)的路徑調(diào)用lineTo()繪制;第二種方式的思路是,先用Canvas繪制一張空的Bitmap,通過(guò)ImageView的setImageBitmap()方法加載這個(gè)Bitmap,然后該ImageView實(shí)現(xiàn)onTouch()監(jiān)聽(tīng)事件,跟蹤用戶手指的移動(dòng)調(diào)用drawLine()繪制線條。

我們先來(lái)看第一種的實(shí)現(xiàn)的方式吧。這里就用SurfaceView來(lái)實(shí)現(xiàn),在這里介紹一下關(guān)于SurfaceView的知識(shí)。SurfaceView繼承自View,兩者都可以實(shí)現(xiàn)繪圖功能,那么他們有什么不同呢。先說(shuō)下Android繪制視圖的原理,View通過(guò)刷新來(lái)繪制視圖,Android系統(tǒng)則通過(guò)發(fā)出VSYNC信號(hào)進(jìn)行屏幕繪制,玩游戲的朋友都應(yīng)該知道"垂直同步",VSYNC就是垂直同步,谷歌是在4.1之后引入VSYNC的,VSYNC是為了不讓畫面掉幀。為了不掉幀,View的繪制需要在16ms之內(nèi)完成。如果執(zhí)行耗時(shí)太長(zhǎng)或者需要頻繁刷新,那么View就不合適了,影響用戶體驗(yàn)和性能。用 SurfaceView就好辦了,它內(nèi)部是在子線程進(jìn)行頁(yè)面刷新,使用了雙緩沖機(jī)制。現(xiàn)在我們來(lái)使用它吧。

通常用法是創(chuàng)建一個(gè)View繼承自SurfaceView,并實(shí)現(xiàn)Callback和Runnable接口。

public class MySurfaceView extends SurfaceView implements
    SurfaceHolder.Callback, Runnable {
  // SurfaceHolder實(shí)例
  private SurfaceHolder mSurfaceHolder;
  // Canvas對(duì)象
  private Canvas mCanvas;
  // 控制子線程是否運(yùn)行
  private boolean startDraw;
  // Path實(shí)例
  private Path mPath = new Path();
  // Paint實(shí)例
  private Paint mpaint = new Paint();
  public MySurfaceView(Context context, AttributeSet attrs) {
    super(context, attrs);
    initView(); // 初始化
  }
  private void initView() {
    mSurfaceHolder = getHolder();
    mSurfaceHolder.addCallback(this);
    // 設(shè)置可獲得焦點(diǎn)
    setFocusable(true);
    setFocusableInTouchMode(true);
    // 設(shè)置常亮
    this.setKeepScreenOn(true);
  }
  @Override
  public void run() {
    // 如果不停止就一直繪制
    while (startDraw) {
      // 繪制
      draw();
    }
  }
  /*
   * 創(chuàng)建
   */
  @Override
  public void surfaceCreated(SurfaceHolder holder) {
    startDraw = true;
    new Thread(this).start();
  }
  /*
   * 改變
   */
  @Override
  public void surfaceChanged(SurfaceHolder holder, int format, int width,
      int height) {
  }
  /*
   * 銷毀
   */
  @Override
  public void surfaceDestroyed(SurfaceHolder holder) {
    startDraw = false;
  }
  private void draw() {
    try {
      mCanvas = mSurfaceHolder.lockCanvas();
      mCanvas.drawColor(Color.WHITE);
      mpaint.setStyle(Paint.Style.STROKE);
      mpaint.setStrokeWidth(DensityUtil.px2dip(getContext(), 30));
      mpaint.setColor(Color.BLACK);
      mCanvas.drawPath(mPath, mpaint);
    } catch (Exception e) {
    } finally {
      // 對(duì)畫布內(nèi)容進(jìn)行提交
      if (mCanvas != null) {
        mSurfaceHolder.unlockCanvasAndPost(mCanvas);
      }
    }
  }
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    int x = (int) event.getX();  //獲取手指移動(dòng)的x坐標(biāo)
    int y = (int) event.getY();  //獲取手指移動(dòng)的y坐標(biāo)
    switch (event.getAction()) {
    case MotionEvent.ACTION_DOWN:
      mPath.moveTo(x, y);
      break;
    case MotionEvent.ACTION_MOVE:
      mPath.lineTo(x, y);
      break;
    case MotionEvent.ACTION_UP:
      break;
    }
    return true;
  }
  // 重置畫布
  public void reset() {
    mPath.reset();
  }
}

我們?cè)跇?gòu)造方法里進(jìn)行初始化,獲得SurfaceHolder實(shí)例,添加Callback接口實(shí)例,及獲得焦點(diǎn)等操作。重寫了SurfaceView的三個(gè)方法surfaceCreated,surfaceChanged,surfaceDestroyed。在surfaceCreated方法里開(kāi)啟子線程,執(zhí)行draw方法。在surfaceDestroyed方法里關(guān)閉線程。在draw方法里,通過(guò)mSurfaceHolder.lockCanvas()獲取Canvas對(duì)象,設(shè)置樣式,顏色等,然后重寫onTouchEvent方法,監(jiān)聽(tīng)用戶手指移動(dòng),調(diào)用mPath.lineTo(x, y)繪制線條,最后調(diào)用mSurfaceHolder.unlockCanvasAndPost(mCanvas)提交畫布內(nèi)容.這樣就完成了畫板的繪制。

我在代碼里添加了reset()方法,可以重置畫布,只需要在MainActivity獲取SurfaceView對(duì)象,調(diào)用SurfaceView.reset()就可以了。

private Button reset_btn;
private MySurfaceView mview;
@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  context = this;
  mview = (MySurfaceView) findViewById(R.id.MySurfaceView);
  reset_btn = (Button) findViewById(R.id.reset_btn);
  reset_btn.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
      //清除
      mview.reset();
    }
  });

現(xiàn)在我們看下第二種方式吧,其實(shí)原理和第一種差不太多,我就不贅述了。直接貼上代碼吧。

public class SecondActivity extends Activity {
  private ImageView img;
  private Bitmap mBitmap;
  private Canvas canvas;
  private Paint paint;
  // 重置按鈕
  private Button reset_btn;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_second);
    img = (ImageView) findViewById(R.id.img);
    reset_btn = (Button) findViewById(R.id.reset_btn);
    reset_btn.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        img.setImageBitmap(null);
        showImage();
      }
    });
    // 繪圖
    showImage();
  }
  private void showImage() {
    // 創(chuàng)建一張空白圖片
    mBitmap = Bitmap.createBitmap(720, 1280, Bitmap.Config.ARGB_8888);
    // 創(chuàng)建一張畫布
    canvas = new Canvas(mBitmap);
    // 畫布背景為白色
    canvas.drawColor(Color.WHITE);
    // 創(chuàng)建畫筆
    paint = new Paint();
    // 畫筆顏色為藍(lán)色
    paint.setColor(Color.BLUE);
    // 寬度5個(gè)像素
    paint.setStrokeWidth(5);
    // 先將白色背景畫上
    canvas.drawBitmap(mBitmap, new Matrix(), paint);
    img.setImageBitmap(mBitmap);
    img.setOnTouchListener(new OnTouchListener() {
      int startX;
      int startY;
      @Override
      public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
          // 獲取手按下時(shí)的坐標(biāo)
          startX = (int) event.getX();
          startY = (int) event.getY();
          break;
        case MotionEvent.ACTION_MOVE:
          // 獲取手移動(dòng)后的坐標(biāo)
          int endX = (int) event.getX();
          int endY = (int) event.getY();
          // 在開(kāi)始和結(jié)束坐標(biāo)間畫一條線
          canvas.drawLine(startX, startY, endX, endY, paint);
          // 刷新開(kāi)始坐標(biāo)
          startX = (int) event.getX();
          startY = (int) event.getY();
          img.setImageBitmap(mBitmap);
          break;
        }
        return true;
      }
    });
  }
}

有人肯定要問(wèn),能不能把繪制的內(nèi)容保存下來(lái),這當(dāng)然可以。

加上如下代碼就行。

File file = new File(Environment.getExternalStorageDirectory(),
    System.currentTimeMillis() + ".jpg");
OutputStream stream;
try {
   stream = new FileOutputStream(file);
   mBitmap.compress(CompressFormat.JPEG, 200, stream);
   stream.close();
} catch (IOException e) {
  e.printStackTrace();
}

附:完整實(shí)例代碼點(diǎn)擊此處本站下載。

更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Android開(kāi)發(fā)動(dòng)畫技巧匯總》、《Android開(kāi)發(fā)入門與進(jìn)階教程》、《Android視圖View技巧總結(jié)》、《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android文件操作技巧匯總》、《Android資源操作技巧匯總》及《Android控件用法總結(jié)

希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • Android webView如何輸出自定義網(wǎng)頁(yè)

    Android webView如何輸出自定義網(wǎng)頁(yè)

    這篇文章主要介紹了Android webView如何輸出自定義網(wǎng)頁(yè),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-09-09
  • Android開(kāi)發(fā)者常見(jiàn)的UI組件總結(jié)大全

    Android開(kāi)發(fā)者常見(jiàn)的UI組件總結(jié)大全

    Android開(kāi)發(fā)中UI組件是構(gòu)建用戶界面的基本元素,下面這篇文章主要給大家介紹了關(guān)于Android開(kāi)發(fā)者常見(jiàn)的UI組件總結(jié)的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-04-04
  • Android音視頻開(kāi)發(fā)之MediaPlayer使用教程

    Android音視頻開(kāi)發(fā)之MediaPlayer使用教程

    Android多媒體框架支持播放提供了MediaPlayerAPI,可以通過(guò)MediaPlayer來(lái)實(shí)現(xiàn)媒體文件播放??梢哉f(shuō)MediaPlayer是非常方便使用的多媒體播放器。本文將詳細(xì)講解MediaPlayer的使用,需要的可以參考一下
    2022-04-04
  • 詳解ViewBinding用法

    詳解ViewBinding用法

    這篇文章主要介紹了ViewBinding用法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-03-03
  • Android中EditText的drawableRight屬性設(shè)置點(diǎn)擊事件

    Android中EditText的drawableRight屬性設(shè)置點(diǎn)擊事件

    這篇文章主要介紹了Android中EditText的drawableRight屬性的圖片設(shè)置點(diǎn)擊事件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • Android開(kāi)發(fā)Jetpack?Compose元素Modifier特性詳解

    Android開(kāi)發(fā)Jetpack?Compose元素Modifier特性詳解

    這篇文章主要為大家介紹了Android開(kāi)發(fā)Jetpack?Compose元素Modifier特性詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • Android使用EventBus多次接收消息

    Android使用EventBus多次接收消息

    這篇文章主要為大家詳細(xì)介紹了Android使用EventBus多次接收消息,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • Android實(shí)現(xiàn)文件存儲(chǔ)并讀取的示例代碼

    Android實(shí)現(xiàn)文件存儲(chǔ)并讀取的示例代碼

    本篇文章主要介紹了Android實(shí)現(xiàn)文件存儲(chǔ)的示例代碼,文件內(nèi)容可以分別存儲(chǔ)在手機(jī)內(nèi)存和外存中,并且都可以讀去取出來(lái),有興趣的可以了解一下。
    2017-01-01
  • Android解析XML的三種方式SAX、Pull、Dom

    Android解析XML的三種方式SAX、Pull、Dom

    這篇文章主要為大家詳細(xì)介紹了Android解析XML的三種方式:SAX、Pull、Dom,感興趣的小伙伴們可以參考一下
    2016-06-06
  • Android編程實(shí)現(xiàn)音量按鈕添加監(jiān)聽(tīng)事件的方法

    Android編程實(shí)現(xiàn)音量按鈕添加監(jiān)聽(tīng)事件的方法

    這篇文章主要介紹了Android編程實(shí)現(xiàn)音量按鈕添加監(jiān)聽(tīng)事件的方法,結(jié)合實(shí)例形式分析了Android事件監(jiān)聽(tīng)實(shí)現(xiàn)音量控制的相關(guān)操作技巧,需要的朋友可以參考下
    2017-06-06

最新評(píng)論