android中使用表格布局设计注册界面是什么_android studio表格布局「建议收藏」

Android中使用表格布局设计注册界面

注册页面包含：用户名，密码，确认密码，验证码。验证码使用一个封装好的工具类生成的，可以直接使用。效果图如下所示。没有做事件处理，仅仅做了个简单的表格布局。

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:id="@+id/register_title" android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="用户注册" android:textSize="20dp" android:gravity="center_horizontal" android:textColor="@android:color/black" android:layout_marginTop="5dp" />
    <TableRow>
        <TextView android:id="@+id/user_name" 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:id="@+id/input_name" android:hint="请输入用户名" android:textSize="15dp" android:layout_marginTop="20dp" android:selectAllOnFocus="true" android:layout_span="2" />
    </TableRow>
    <TableRow>
        <TextView android:id="@+id/user_password" android:text="密码" android:textSize="15dp" android:layout_marginLeft="5dp" android:textColor="@android:color/black" />
        <EditText android:layout_width="match_parent" android:id="@+id/input_password" android:hint="请输入密码" android:textSize="15dp" android:inputType="textPassword" android:layout_span="2" />
    </TableRow>
    <TableRow>
        <TextView android:id="@+id/confirm_password" android:text="确认密码" android:textSize="15dp" android:layout_marginLeft="5dp" android:textColor="@android:color/black" />
        <EditText android:layout_width="match_parent" android:id="@+id/input_confirm" android:hint="请再次输入密码" android:textSize="15dp" android:inputType="textPassword" android:layout_span="2" />
    </TableRow>
    <TableRow>
        <TextView android:id="@+id/test_password" android:text="验证码" android:textSize="15dp" android:layout_marginLeft="5dp" android:textColor="@android:color/black" />
        <EditText
            android:layout_width="match_parent"
            android:id="@+id/input_test"
            android:hint="请输入验证密码"
            android:textSize="15dp"
            android:layout_toLeftOf ="@+id/image"
            />
        <ImageView android:id="@+id/image" android:layout_width="100dp" android:layout_height="40dp"/>
    </TableRow>
    <Button android:id="@+id/register" android:layout_height="wrap_content" android:layout_width="match_parent" android:text="注册" android:textColor="@android:color/black" android:textSize="15dp" android:gravity="center_horizontal" />
    <Button android:id="@+id/cancel" 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); //获取需要展示图片验证码的ImageView

        bitmap = CodeUtils.getInstance().createBitmap(); //获取工具类生成的图片验证码对象

        code = CodeUtils.getInstance().getCode();  //获取当前图片验证码的对应内容用于校验

        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(); //图片验证码内容提示
            }
        });
    }
}

工具类CodeUtils的代码如下：

/** * Created by nuist__NJUPT on 2021/4/16. */
public class CodeUtils { 
   

    //随机码集
    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;//验证码的长度 这里是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;//默认宽度.图片的总宽
    private static final int DEFAULT_HEIGHT = 100;//默认高度.图片的总高
    private static final int DEFAULT_COLOR = Color.rgb(0xee, 0xee, 0xee);//默认背景颜色值

    private String code;

    public static CodeUtils getInstance() { 
   
        if (mCodeUtils == null) { 
   
            mCodeUtils = new CodeUtils();
        }
        return mCodeUtils;
    }

    //生成验证码图片
    public Bitmap createBitmap() { 
   
        mPaddingLeft = 0; //每次生成验证码图片时初始化
        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;
    }

    /** * 得到图片中的验证码字符串 * * @return */
    public String getCode() { 
   
        return code;
    }

    //生成验证码
    public String createCode() { 
   
        mBuilder.delete(0, mBuilder.length()); //使用之前首先清空内容
        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);
    }

    //随机颜色
    private int randomColor() { 
   
        mBuilder.delete(0, mBuilder.length()); //使用之前首先清空内容
        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());
    }

    //随机文本样式
    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类型参数，负数表示右斜，整数左斜
        paint.setUnderlineText(mRandom.nextBoolean()); //true为下划线，false为非下划线
        paint.setStrikeThruText(mRandom.nextBoolean()); //true为删除线，false为非删除线
    }

    //随机间距
    private void randomPadding() { 
   
        mPaddingLeft += BASE_PADDING_LEFT + mRandom.nextInt(RANGE_PADDING_LEFT);
        mPaddingTop = BASE_PADDING_TOP + mRandom.nextInt(RANGE_PADDING_TOP);
    }
}

今天的文章android中使用表格布局设计注册界面是什么_android studio表格布局「建议收藏」分享到此就结束了，感谢您的阅读。