android 實現銀聯刷卡機消費後，手動簽名的功能

　　幾天前去物管交物業費，物管工做人員說小區引進高新產品，使用銀行卡消費後，不須要拿筆在銀聯機上簽名，直接用手指觸摸實現消費簽名，當時心想，果真是高科技，機子外形以下左圖，簽名以下右圖。

       

 

　　仔細一看，其實就是一個觸摸屏，用戶在上面直接手動簽名，實現這個功能其實並不複雜，咱們自定義一個控件，繼承view,使用Canvas的drawLine，drawPoint這兩個方法來實現這個功能。

　　首先自定義控件MDrawLineView

package com.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;

/**
 * Created by jiang on 2017/12/25.
 */

public class MDrawLineView extends View {
    public MDrawLineView(Context context){
        super(context);
    }
    public MDrawLineView(Context context,AttributeSet attrs){

        super(context, attrs);
        paint=new Paint(Paint.DITHER_FLAG);//建立一個畫筆
        if(bitmap==null){
            bitmap = Bitmap.createBitmap(900, 1200, Bitmap.Config.ARGB_8888); //設置位圖的寬高
        }
        canvas=new Canvas();
        canvas.setBitmap(bitmap);

        paint.setStyle(Paint.Style.STROKE);//設置非填充
        paint.setStrokeWidth(5);//筆寬5像素
        paint.setColor(Color.RED);//設置爲紅筆
        paint.setAntiAlias(true);//鋸齒不顯示
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if(bitmap==null){

            bitmap = Bitmap.createBitmap(900, 1200, Bitmap.Config.ARGB_8888); //設置位圖的寬高
        }
        canvas.drawBitmap(bitmap,0,0,null);
    }

    public void clear(){
        canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_MOVE: //用戶手指在屏幕上移動畫線
                canvas.drawLine(mov_x,mov_y,event.getX(),event.getY(),paint);
                invalidate();
                break;
            case MotionEvent.ACTION_DOWN://用戶手指按下時畫起點
                mov_x=(int) event.getX();
                mov_y=(int) event.getY();
                canvas.drawPoint(mov_x,mov_y,paint);
                invalidate();
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        mov_x=(int) event.getX();
        mov_y=(int) event.getY();
        return  true;
        //return super.onTouchEvent(event);
    }

    private int mov_x;//聲明起點x座標
    private int mov_y;//聲明起點y座標
    private Paint paint;//聲明畫筆
    private Canvas canvas;//畫布
    private Bitmap bitmap;//位圖
    private int blcolor;
}

佈局xml代碼

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:padding="10dp"
    android:orientation="vertical">

    <com.view.MDrawLineView
        android:id="@+id/mDrawLine"
        android:layout_width="300dp"
        android:layout_height="400dp"
        android:background="@drawable/bg_drawline" />


    <Button
        android:id="@+id/clearBut"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="清空" />

</LinearLayout>

背景bg_drawline.xml

<?xml version="1.0" encoding="utf-8"?>
<shape  xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <!-- 描邊-->
    <stroke android:width="2dp" android:color="#45c01a"></stroke>
    <!-- 填充顏色 -->
    <solid android:color="#fff"></solid>
    <!-- 圓角 -->
    <corners android:radius="10dp"></corners>
</shape>

 

activity代碼

package com.cktest;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

import com.view.MDrawLineView;

/**
 * Created by jiang on 2017/12/25.
 */

public class DrawLineAct extends AppCompatActivity implements View.OnClickListener{
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.act_drawline);
        mDrawLine = (MDrawLineView) findViewById(R.id.mDrawLine);
        clearBut = (Button) findViewById(R.id.clearBut);
        clearBut.setOnClickListener(this);
    }


    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.clearBut:
                mDrawLine.clear();
                break;
        }
    }
    private MDrawLineView mDrawLine;
    private Button clearBut;


}

 

以上代碼就能實現觸摸簽名的功能，代碼並很少，因此不上傳代碼了。