快捷導航

Android 實現(xiàn)銀聯(lián)刷卡機消費后手動簽名的功能(示例代碼)

更新時間：2017年12月27日 09:23:07 作者：喝著啤酒寫bug

在一些商場購物時，不需要用筆在銀聯(lián)機上簽名了，直接用手指觸摸實現(xiàn)消費簽名，非常方便，下面小編給大家分享Android 實現(xiàn)銀聯(lián)刷卡機消費后手動簽名的功能，需要的朋友參考下吧

幾天前去物管交物業(yè)費，物管工作人員說小區(qū)引進高新產(chǎn)品，使用銀行卡消費后，不需要拿筆在銀聯(lián)機上簽名，直接用手指觸摸實現(xiàn)消費簽名，當時心想，果然是高科技，機子外形如下左圖，簽名如下右圖。

仔細一看，其實就是一個觸摸屏，用戶在上面直接手動簽名，實現(xiàn)這個功能其實并不復(fù)雜，我們自定義一個控件，繼承view,使用 Canvas的drawLine，drawPoint這兩個方法來實現(xiàn)這個功能。

首先自定義控件 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);//創(chuàng)建一個畫筆
  if(bitmap==null){
   bitmap = Bitmap.createBitmap(900, 1200, Bitmap.Config.ARGB_8888); //設(shè)置位圖的寬高
  }
  canvas=new Canvas();
  canvas.setBitmap(bitmap);
  paint.setStyle(Paint.Style.STROKE);//設(shè)置非填充
  paint.setStrokeWidth(5);//筆寬5像素
  paint.setColor(Color.RED);//設(shè)置為紅筆
  paint.setAntiAlias(true);//鋸齒不顯示
 }
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  if(bitmap==null){
   bitmap = Bitmap.createBitmap(900, 1200, Bitmap.Config.ARGB_8888); //設(shè)置位圖的寬高
  }
  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;
}

總結(jié)

以上所述是小編給大家介紹的Android 實現(xiàn)銀聯(lián)刷卡機消費后手動簽名的功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: