Android中使用表格布局設(shè)計(jì)注冊(cè)界面，供大家參考，具體內(nèi)容如下

注冊(cè)頁面包含：用戶名，密碼，確認(rèn)密碼，驗(yàn)證碼。驗(yàn)證碼使用一個(gè)封裝好的工具類生成的，可以直接使用。效果圖如下所示。沒有做事件處理，僅僅做了個(gè)簡單的表格布局。

XML布局的代碼如下：

<?xml version='1.0' encoding='utf-8'?><TableLayout xmlns:android='http://schemas.android.com/apk/res/android' xmlns:tools='http://schemas.android.com/tools' android:layout_width='match_parent' android:layout_height='match_parent' android:stretchColumns='1' tools:context='com.example.nuist__njupt.register.MainActivity'><TextView android: android:layout_height='wrap_content' android:layout_width='wrap_content' android:text='用戶注冊(cè)' android:textSize='20dp' android:gravity='center_horizontal' android:textColor='@android:color/black' android:layout_marginTop='5dp' /> <TableRow><TextView android: android:text='用戶名' android:textSize='15dp' android:layout_marginLeft='5dp' android:layout_marginTop='20dp' android:textColor='@android:color/black' /><EditText android:layout_width='match_parent' android: android:hint='請(qǐng)輸入用戶名' android:textSize='15dp' android:layout_marginTop='20dp' android:selectAllOnFocus='true' android:layout_span='2' /> </TableRow> <TableRow><TextView android: android:text='密碼' android:textSize='15dp' android:layout_marginLeft='5dp' android:textColor='@android:color/black' /><EditText android:layout_width='match_parent' android: android:hint='請(qǐng)輸入密碼' android:textSize='15dp' android:inputType='textPassword' android:layout_span='2' /> </TableRow> <TableRow><TextView android: android:text='確認(rèn)密碼' android:textSize='15dp' android:layout_marginLeft='5dp' android:textColor='@android:color/black' /><EditText android:layout_width='match_parent' android: android:hint='請(qǐng)?jiān)俅屋斎朊艽a' android:textSize='15dp' android:inputType='textPassword' android:layout_span='2' /> </TableRow> <TableRow><TextView android: android:text='驗(yàn)證碼' android:textSize='15dp' android:layout_marginLeft='5dp' android:textColor='@android:color/black' /><EditText android:layout_width='match_parent' android: android:hint='請(qǐng)輸入驗(yàn)證密碼' android:textSize='15dp' android:layout_toLeftOf ='@+id/image' /><ImageView android: android:layout_width='100dp' android:layout_height='40dp'/> </TableRow> <Buttonandroid: android:layout_height='wrap_content'android:layout_width='match_parent'android:text='注冊(cè)'android:textColor='@android:color/black'android:textSize='15dp'android:gravity='center_horizontal'/> <Buttonandroid: android:layout_height='wrap_content'android:layout_width='match_parent'android:text='取消'android:textColor='@android:color/black'android:textSize='15dp'android:gravity='center_horizontal'/></TableLayout>

java代碼如下：

public class MainActivity extends AppCompatActivity { private Bitmap bitmap; private String code; @Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);final ImageView image = (ImageView) findViewById(R.id.image); //獲取需要展示圖片驗(yàn)證碼的ImageViewbitmap = CodeUtils.getInstance().createBitmap(); //獲取工具類生成的圖片驗(yàn)證碼對(duì)象code = CodeUtils.getInstance().getCode(); //獲取當(dāng)前圖片驗(yàn)證碼的對(duì)應(yīng)內(nèi)容用于校驗(yàn)image.setImageBitmap(bitmap);image.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) {bitmap = CodeUtils.getInstance().createBitmap();code = CodeUtils.getInstance().getCode();image.setImageBitmap(bitmap);Toast.makeText(MainActivity.this, code, Toast.LENGTH_SHORT).show(); //圖片驗(yàn)證碼內(nèi)容提示 }}); }}

工具類CodeUtils的代碼如下：

/** * Created by nuist__NJUPT on 2021/4/16. */public class CodeUtils { //隨機(jī)碼集 private static final char[] CHARS = { ’0’, ’1’, ’2’, ’3’, ’4’, ’5’, ’6’, ’7’, ’8’, ’9’, ’a’, ’b’, ’c’, ’d’, ’e’, ’f’, ’g’, ’h’, ’i’, ’j’, ’k’, ’l’, ’m’, ’n’, ’o’, ’p’, ’q’, ’r’, ’s’, ’t’, ’u’, ’v’, ’w’, ’x’, ’y’, ’z’, ’A’, ’B’, ’C’, ’D’, ’E’, ’F’, ’G’, ’H’, ’I’, ’J’, ’K’, ’L’, ’M’, ’N’, ’O’, ’P’, ’Q’, ’R’, ’S’, ’T’, ’U’, ’V’, ’W’, ’X’, ’Y’, ’Z’ }; private static CodeUtils mCodeUtils; private int mPaddingLeft, mPaddingTop; private StringBuilder mBuilder = new StringBuilder(); private Random mRandom = new Random(); //Default Settings private static final int DEFAULT_CODE_LENGTH = 4;//驗(yàn)證碼的長度 這里是4位 private static final int DEFAULT_FONT_SIZE = 60;//字體大小 private static final int DEFAULT_LINE_NUMBER = 3;//多少條干擾線 private static final int BASE_PADDING_LEFT = 20; //左邊距 private static final int RANGE_PADDING_LEFT = 30;//左邊距范圍值 private static final int BASE_PADDING_TOP = 70;//上邊距 private static final int RANGE_PADDING_TOP = 15;//上邊距范圍值 private static final int DEFAULT_WIDTH = 200;//默認(rèn)寬度.圖片的總寬 private static final int DEFAULT_HEIGHT = 100;//默認(rèn)高度.圖片的總高 private static final int DEFAULT_COLOR = Color.rgb(0xee, 0xee, 0xee);//默認(rèn)背景顏色值 private String code; public static CodeUtils getInstance() {if (mCodeUtils == null) { mCodeUtils = new CodeUtils();}return mCodeUtils; } //生成驗(yàn)證碼圖片 public Bitmap createBitmap() {mPaddingLeft = 0; //每次生成驗(yàn)證碼圖片時(shí)初始化mPaddingTop = 0;Bitmap bitmap = Bitmap.createBitmap(DEFAULT_WIDTH, DEFAULT_HEIGHT, Bitmap.Config.ARGB_8888);Canvas canvas = new Canvas(bitmap);code = createCode();canvas.drawARGB(0, 0, 0, 0);canvas.drawColor(DEFAULT_COLOR);Paint paint = new Paint();paint.setTextSize(DEFAULT_FONT_SIZE);for (int i = 0; i < code.length(); i++) { randomTextStyle(paint); randomPadding(); canvas.drawText(code.charAt(i) + '', mPaddingLeft, mPaddingTop, paint);}//干擾線for (int i = 0; i < DEFAULT_LINE_NUMBER; i++) { drawLine(canvas, paint);}canvas.save();//保存canvas.restore();return bitmap; } /** * 得到圖片中的驗(yàn)證碼字符串 * * @return */ public String getCode() {return code; } //生成驗(yàn)證碼 public String createCode() {mBuilder.delete(0, mBuilder.length()); //使用之前首先清空內(nèi)容for (int i = 0; i < DEFAULT_CODE_LENGTH; i++) { mBuilder.append(CHARS[mRandom.nextInt(CHARS.length)]);}return mBuilder.toString(); } //生成干擾線 private void drawLine(Canvas canvas, Paint paint) {int color = randomColor();int startX = mRandom.nextInt(DEFAULT_WIDTH);int startY = mRandom.nextInt(DEFAULT_HEIGHT);int stopX = mRandom.nextInt(DEFAULT_WIDTH);int stopY = mRandom.nextInt(DEFAULT_HEIGHT);paint.setStrokeWidth(1);paint.setColor(color);canvas.drawLine(startX, startY, stopX, stopY, paint); } //隨機(jī)顏色 private int randomColor() {mBuilder.delete(0, mBuilder.length()); //使用之前首先清空內(nèi)容String haxString;for (int i = 0; i < 3; i++) { haxString = Integer.toHexString(mRandom.nextInt(0xEE)); if (haxString.length() == 1) {haxString = '0' + haxString; } mBuilder.append(haxString);}return Color.parseColor('#' + mBuilder.toString()); } //隨機(jī)文本樣式 private void randomTextStyle(Paint paint) {int color = randomColor();paint.setColor(color);paint.setFakeBoldText(mRandom.nextBoolean()); //true為粗體，false為非粗體float skewX = mRandom.nextInt(11) / 10;skewX = mRandom.nextBoolean() ? skewX : -skewX;paint.setTextSkewX(skewX); //float類型參數(shù)，負(fù)數(shù)表示右斜，整數(shù)左斜paint.setUnderlineText(mRandom.nextBoolean()); //true為下劃線，false為非下劃線paint.setStrikeThruText(mRandom.nextBoolean()); //true為刪除線，false為非刪除線 } //隨機(jī)間距 private void randomPadding() {mPaddingLeft += BASE_PADDING_LEFT + mRandom.nextInt(RANGE_PADDING_LEFT);mPaddingTop = BASE_PADDING_TOP + mRandom.nextInt(RANGE_PADDING_TOP); }}

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。