Android_TableLayout_1

关注

原创 2022-03-27 11:25:43 157 阅读 AI 写同款· GEO 优化 ›

android 好看的单选框（radiogroup）、多选框（checkbox）和自定义LinearLayout选中变成红边框好看的单选框谷歌提供的默认单选框的UI实在是丑，一个圆形的选中按钮+文字，在现有的项目中几乎是没有人会采用的，几乎都会自定义一套好看的单选按钮样式，下面我们来看看本人自定义好看的单选框，中间带图片，效果图：下面来看看代码是如何实现的： MainActivity class MainActivity : AppCompatActivity(), RadioGroup.OnCheckedChangeListener { override fun onCreate(savedInstanceSta 阅读详情

1.表格布局_练习

⚪程序主界面-布局_【activity_main.xml】

⚪产生效果——

2.分析

表格有三行
每一行都有按钮组件
按钮组件大小不一致

3.使用组件

<TableLayout></TableLayout>
<TableRow></TableRow>
<Button></Button>

4.源代码截图

长截图不熟练。

5.源代码

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮1" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮3" />
    </TableRow>

    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="按钮1" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="按钮2" />
    </TableRow>

    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="按钮1" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:text="按钮2" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:text="按钮3" />
    </TableRow>

</TableLayout>

收录于