歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Android 自定義View 密碼框 例子

Android 自定義View 密碼框 例子

日期:2017/3/1 9:26:45   编辑:Linux編程

遵從准則

  • 暴露您view中所有影響可見外觀的屬性或者行為。
  • 通過XML添加和設置樣式
  • 通過元素的屬性來控制其外觀和行為,支持和重要事件交流的事件監聽器

詳細步驟見:Android 自定義View步驟 http://www.linuxidc.com/Linux/2015-08/120991.htm

樣子

支持的樣式

可以通過XML定義影響外邊和行為的屬性如下

邊框圓角值,邊框顏色,分割線顏色,邊框寬度,密碼長度,密碼大小,密碼顏色

<declare-styleable name="PasswordInputView">

<attr name="borderWidth" format="dimension"/>

<attr name="borderColor" format="color"/>

<attr name="borderRadius" format="dimension"/>

<attr name="passwordLength" format="integer"/>

<attr name="passwordWidth" format="dimension"/>

<attr name="passwordColor" format="color"/>

<attr name="passwordRadius" format="dimension"/>

</declare-styleable>

同時支持原來EditText功能,可以獲得數據值,數字鍵盤設置等

繪制邏輯的主要代碼

protected void onDraw(Canvas canvas) {

int width = getWidth();

int height = getHeight();

// 外邊框

RectF rect = new RectF(0, 0, width, height);

borderPaint.setColor(borderColor);

canvas.drawRoundRect(rect, borderRadius, borderRadius, borderPaint);

// 內容區

RectF rectIn = new RectF(rect.left + defaultContMargin, rect.top + defaultContMargin,

rect.right - defaultContMargin, rect.bottom - defaultContMargin);

borderPaint.setColor(Color.WHITE);

canvas.drawRoundRect(rectIn, borderRadius, borderRadius, borderPaint);

// 分割線

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);

}

// 密碼

float cx, cy = height/ 2;

float half = width / passwordLength / 2;

for(int i = 0; i < textLength; i++) {

cx = width * i / passwordLength + half;

canvas.drawCircle(cx, cy, passwordWidth, passwordPaint);

}

}

完整代碼下載

------------------------------------------分割線------------------------------------------

免費下載地址在 http://linux.linuxidc.com/

用戶名與密碼都是www.linuxidc.com

具體下載目錄在 /2015年資料/8月/2日/Linux內核代碼閱讀心得體會PDF/

下載方法見 http://www.linuxidc.com/Linux/2013-07/87684.htm

------------------------------------------分割線------------------------------------------

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11

Copyright © Linux教程網 All Rights Reserved