【移動應用開發(fā)技術】Android如何實現(xiàn)仿支付寶密碼輸入效果

【移動應用開發(fā)技術】Android如何實現(xiàn)仿支付寶密碼輸入效果

這篇文章主要介紹Android如何實現(xiàn)仿支付寶密碼輸入效果，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！效果圖1、如何使用，可以設置自己的進入退出動畫，不設置則沒有動畫效果，自己覺得封裝之后還是非常用好的。private

MyInputPwdUtil

myInputPwdUtil;

@Override

protected

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

myInputPwdUtil

=

new

MyInputPwdUtil(this);

myInputPwdUtil.getMyInputDialogBuilder().setAnimStyle(R.style.dialog_anim);

//可以定制自己進入退出動畫，不設置沒有動畫

myInputPwdUtil.setListener(new

InputPwdView.InputPwdListener()

{

@Override

public

void

hide()

{

myInputPwdUtil.hide();

}

@Override

public

void

forgetPwd()

{

Toast.makeText(MainActivity.this,

"忘記密碼",

Toast.LENGTH_SHORT).show();

}

@Override

public

void

finishPwd(String

pwd)

{

Toast.makeText(MainActivity.this,

pwd,

Toast.LENGTH_SHORT).show();

}

});

}

public

void

show(View

view){

myInputPwdUtil.show();

}2、輸入框?qū)崿F(xiàn)主要代碼，就是繪制矩形和中間的圓形而已。

int

height

=

getHeight();

int

width

=

getWidth();

//畫邊框

RectF

rect

=

new

RectF(0,

0,

width,

height);

borderPaint.setColor(borderColor);

canvas.drawRoundRect(rect,

borderRadius,

borderRadius,

borderPaint);

//畫內(nèi)容區(qū)域

RectF

rectContent

=

new

RectF(rect.left

+

defaultContentMargin,

rect.top

+

defaultContentMargin,

rect.right

-

defaultContentMargin,

rect.bottom

-

defaultContentMargin);

borderPaint.setColor(getResources().getColor(R.color.myInputPwdBase_gray));

canvas.drawRoundRect(rectContent,

borderRadius,

borderRadius,

borderPaint);

//畫分割線:分割線數(shù)量比密碼數(shù)少1

borderPaint.setColor(borderColor);

borderPaint.setStrokeWidth(defaultSplitLineWidth);

for

(int

i

=

1;

i

<

passwordLength;

i++)

{

float

x

=

width

*

i

/

passwordLength;

canvas.drawLine(x,

0,

x,

height,

borderPaint);

}

//畫密碼內(nèi)容

float

px,

py

=

height

/

2;

float

halfWidth

=

width

/

passwordLength

/

2;

for

(int

i

=

0;

i

<

textLength;

i++)

{

px

=

width

*

i

/

passwordLength

+

halfWidth;

canvas.drawCircle(px,

py,