Android Studio 动态表格显示效果

已于 2024-08-21 16:49:55 修改
阅读量1.2k 收藏 26
点赞数 22
分类专栏： android studio 文章标签： android studio android
于 2024-08-21 16:44:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wysdong/article/details/141396905
版权

最终效果

一、先定义明细的样式 table_row.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:background="@color/white"
    android:paddingLeft="10dp"
    android:paddingTop="2dp"
    android:layout_gravity="left"
    android:paddingBottom="2dp">

    <TextView
        android:id="@+id/tab_row_col0"
        android:layout_width="350px"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:singleLine="true"
        android:text="row_col0"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tab_row_col1"
        android:layout_width="100px"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/tab_row_col0"
        android:layout_centerVertical="true"
        android:singleLine="true"
        android:text="row_col1"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tab_row_col2"
        android:layout_width="100px"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/tab_row_col1"
        android:layout_centerVertical="true"
        android:singleLine="true"
        android:text="row_col2"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tab_row_col3"
        android:layout_width="100px"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/tab_row_col2"
        android:layout_centerVertical="true"
        android:singleLine="true"
        android:text="row_col3"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tab_row_col4"
        android:layout_width="100px"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/tab_row_col3"
        android:layout_centerVertical="true"
        android:singleLine="true"
        android:text="row_col4"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tab_row_col5"
        android:layout_width="100px"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/tab_row_col4"
        android:layout_centerVertical="true"
        android:singleLine="true"
        android:text="row_col5"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="18sp"
        android:visibility="visible" />
    <!--可以按需求添加应用的最多列，没用到的地方通过代码隐藏-->
    <Button
        android:id="@+id/tab_row_btn"
        android:layout_width="80sp"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="20dp"
        android:background="@android:color/transparent"
        android:padding="0dp"
        android:text="编辑"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="18sp" />
    <!--            android:onClick="btnMinQuantity"-->

</RelativeLayout>

二、demo页面 activity_show_table.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="fill_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".Meals">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:orientation="horizontal">
        <!--定义查询条件-->
        <RelativeLayout
            android:id="@+id/laytitle"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="left|top"
            android:padding="5dp">

            <EditText
                android:id="@+id/ed_mealname"
                android:layout_width="150dp"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:hint="菜品名称"
                android:text="" />

            <EditText
                android:id="@+id/ed_mealpy"
                android:layout_width="150dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:layout_toRightOf="@id/ed_mealname"
                android:hint="拼音码"
                android:text="" />

            <Button
                android:id="@+id/btn_query"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@id/ed_mealpy"
                android:text="查询" />

            <Button
                android:id="@+id/btn_downmeal"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_toRightOf="@id/btn_query"

                android:text="下载菜品" />


        </RelativeLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="380dp"
        android:orientation="vertical">
        <!--显示空数据-->
        <include
            android:id="@+id/empty_view"
            layout="@layout/empty_list_item"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            />

        <!--表头， 和table_row.xml基本属性相同 -->
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/tv_hint_gray"
            android:paddingLeft="10dp"
            android:paddingTop="2dp"
            android:layout_gravity="left"
            android:paddingBottom="2dp">

            <!-- 可以根据表头各列的宽度 通过代码控制 显示明细的列的宽度，单位请用px-->
            <TextView
                android:id="@+id/tab_th_col0"
                android:layout_width="350px"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:singleLine="true"
                android:text="菜品名称"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/tab_th_col1"
                android:layout_width="100px"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/tab_th_col0"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:singleLine="true"
                android:text="单价"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/tab_th_col2"
                android:layout_width="100px"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/tab_th_col1"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:singleLine="true"
                android:text="数量"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/tab_th_col3"
                android:layout_width="100px"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/tab_th_col2"
                android:layout_centerVertical="true"

                android:layout_marginLeft="10dp"
                android:singleLine="true"
                android:text="th_col3"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/tab_th_col4"
                android:layout_width="100px"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/tab_th_col3"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:singleLine="true"
                android:text="th_col4"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/tab_th_col5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/tab_th_col4"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10px"
                android:singleLine="true"
                android:text="th_col5"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="18sp"
                android:visibility="gone" />

            <Button
                android:id="@+id/tab_th_btn"
                android:layout_width="80sp"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_marginRight="20dp"
                android:background="@android:color/transparent"
                android:padding="0dp"
                android:text="编辑"
                android:textColor="@color/colorPrimaryDark"
                android:textSize="18sp" />
        </RelativeLayout>

        <!--显示数据明细-->
        <ListView
            android:id="@+id/lsv_detail"
            android:layout_width="match_parent"
            android:layout_height="380dp" >

        </ListView>
    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="90dp">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <Button
                android:id="@+id/btn_nextpage"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_marginRight="20dp"
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:text="》" />

            <Button
                android:id="@+id/btn_uppage"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginRight="10dp"
                android:layout_toLeftOf="@id/btn_nextpage"
                android:text="《" />

            <TextView
                android:id="@+id/tv_totalinfo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:text="共查询到100条记录，1/5页" />


        </RelativeLayout>

    </LinearLayout>


</LinearLayout>

三、ShowTable.java

public class ShowTable extends AppCompatActivity implements View.OnClickListener {

    EditText ed_mealname;
    EditText ed_mealpy;
    Button btn_query;
    Button btn_downmeal;
    ListView lsv_detail;
    Button btn_nextpage;
    Button btn_uppage;
    TextView tv_totalinfo;

    List<dishmeal> mlst=null;
    MyAdapter<dishmeal> myAdapter=null;
    private View emptyView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show_table);

        ed_mealname=findViewById(R.id.ed_mealname);
        ed_mealpy=findViewById(R.id.ed_mealpy);
        btn_query=findViewById(R.id.btn_query);
        btn_downmeal=findViewById(R.id.btn_downmeal);
        lsv_detail=findViewById(R.id.lsv_detail);
        btn_nextpage=findViewById(R.id.btn_nextpage);
        btn_uppage=findViewById(R.id.btn_uppage);
        tv_totalinfo=findViewById(R.id.tv_totalinfo);

        this.emptyView = findViewById(R.id.empty_view);

        btn_query.setOnClickListener(this);
        btn_downmeal.setOnClickListener(this);
        btn_nextpage.setOnClickListener(this);
        btn_uppage.setOnClickListener(this);
    }
    @Override
    public void onClick(View v) {
        switch (v.getId())
        {
            case R.id.btn_query:
            {
                DBManager.getInstance().init(ShowTable.this);
                List<String> qmlst=new ArrayList<>();
                mlst=DBManager.getInstance().getmeal(qmlst);

                myAdapter=new MyAdapter<dishmeal>(ShowTable.this , (ArrayList)mlst,R.layout.table_row,emptyView) {
                    @Override
                    public void bindView(ViewHolder holder, dishmeal obj) {

                        //设置值及对应列宽度（根据表头列的宽度)
                        //注意各列的宽度和表头列的宽度要相同，否则会显示错位 ((TextView)findViewById(R.id.tab_th_col0)).getWidth()
                        holder.setText(R.id.tab_row_col0, obj.getMealName(),((TextView)findViewById(R.id.tab_th_col0)).getWidth());
                        holder.setText(R.id.tab_row_col1, String.valueOf(obj.getSellPrice()),((TextView)findViewById(R.id.tab_th_col1)).getWidth());
                        holder.setText(R.id.tab_row_col2, "1",((TextView)findViewById(R.id.tab_th_col2)).getWidth());

                        //设置隐藏及对应列宽度
                        holder.setVisibility(R.id.tab_row_col3,1,((TextView)findViewById(R.id.tab_th_col3)).getWidth());
                        holder.setVisibility(R.id.tab_row_col4,1,((TextView)findViewById(R.id.tab_th_col4)).getWidth());
                        holder.setVisibility(R.id.tab_row_col5,0);
                        holder.setVisibility(R.id.tab_row_btn,1,((Button)findViewById(R.id.tab_th_btn)).getWidth());

                        //点击事件
                        holder.setOnClickListener(R.id.tab_row_btn, new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                int iv=holder.getItemPosition();
                                dishmeal m=mlst.get(iv);
                                //Logger.d("dishmeal-"+iv+":"+ JSON.toJSONString(m));
                                m.setSellPrice(130);
                                //更新第iv行的值
                                myAdapter.update(iv,m);
                            }
                        });


                    }
                };
                lsv_detail.setAdapter(myAdapter);

                break;
            }
            case R.id.btn_downmeal:
            {
                break;
            }
            case R.id.btn_nextpage:
            {
                break;
            }
            case R.id.btn_uppage:
            {
                break;
            }
            default:{
                break;
            }
        }

    }

}

四、MyAdapter  代码

CSDN

努力，别失业
关注
专栏目录
android 动态显示表格,在Android Studio中动态生成并显示表格
weixin_34790081的博客
05-25 2141
我在Android上创建我的第一个应用程序，因此我有低开发android应用程序的经验，而且我也是第一次使用java。在Android Studio中动态生成并显示表格我想要什么？ 我想从ArrayList生成表格什么问题？ 我生成表时有问题。当“for”循环完成的调试器站在catch块中时(但是当我将鼠标移到“e”上时，它会写入 - “局部变量e未定义”，我看不到某个错误)之后，我在电话屏幕上看...
Android studio listview实现列表数据显示 数据循环显示效果
08-19
主要介绍了Android studio listview实现列表数据显示 数据循环显示功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
android 表格显示
05-16
android 表格显示，可以进行一行点击，这种表格网上好像比较少，分享给需要的童鞋
【Android Studio代码】表格布局
08-31
用Android Studio 2.3.3做的表格布局例子，主要用到、标签，还有android:shrinkColumns="0,1,2"、android:layout_column="0"等设置。
Android 表格控件-动态实现表格效果（内容、样式可扩展）
12-03
Android 表格控件-动态实现表格效果（内容、样式可扩展），参考博客：http://blog.csdn.net/daijin888888/article/details/50159579
Android开发 动态表格(内容、样式可扩缩)(1)
最新发布
2401_84407942的博客
05-01 509
“{“宿舍楼”:“第二十三栋”,“宿舍1001人数”:“3”,“宿舍1002人数”:“1”,“宿舍1003人数”:“3”,“宿舍1004人数”:“2”,“宿舍1005人数”:“7”,“宿舍1006人数”:“8”},” +“{“宿舍楼”:“第三十四栋”,“宿舍1001人数”:“3”,“宿舍1002人数”:“1”,“宿舍1003人数”:“3”,“宿舍1004人数”:“2”,“宿舍1005人数”:“7”,“宿舍1006人数”:“8”},” +“{“宿舍楼”:“第三十五栋”,“宿舍1001人数”:“3”,“宿舍10
android中水平显示表格数据
djun100的专栏
10-17 316
今天工作任务提前完成了，就抽空更新一下博客，这篇博客以前我在其他论坛上发表过，今天有空就把它拉过来；制作表格一般来讲都是一条一条数据垂直显示，今天我们就将表格数据水平分布显示；下面请看效果图： 一、两种实现方法 1.通过list数据源在textview中进行横向赋值操作。 大家先看看布局文件: &lt;?xml version="1.0" encoding="utf...
史上最详细的Android-Studio系列教程.pdf.zip_android_android studio_android
09-20
Android Studio拥有丰富的插件市场，开发者可以安装各种插件以增强IDE的功能，如用于代码美化、测试工具、图表生成等。 十、持续集成与发布 Android Studio支持与Jenkins、Travis CI等持续集成工具集成，实现自动化...
androidstudio最新版 实现ListView单选、多选效果最实用案例 亲试可用
11-18
ListView中有一个属性：android:choiceMode,对应三个可选值： * singleChoice 单选 * multipleChoice 多选 ...在ListView的布局中设置了android:choiceMode属性后，item布局需要实现checkable，才有选中效果。
android excel 筛选功能,Android实现Excel表格展示数据
weixin_29480231的博客
05-25 663
前言在Android开发过程中，我们偶尔会需要将一些数据以Excel表格展示。那么今天就让我们来学习下Excel表格展示相关内容吧今天涉及的内容：准备数据model1.1 ColumnTitle1.2 RowTitle1.3 Cell准备表格布局2.1 顶部标题栏布局2.2 左侧竖行标题栏布局2.3 表头布局2.4 表格内容布局其他属性准备3.1 布局宽高属性3.2 布局背景效果图及项目结构图库依...
android表格
03-31
android表格，实现表格点击，手势翻页
android动态添加表格行
05-21
android动态添加表格行,实现动态添加表格
Android 根据EditText搜索框ListView动态显示数据
09-18
Android 根据EditText搜索框ListView动态显示数据 根据SimpleAdapter创建ListView。简单粗暴
Android 动态添加表格，并排序
10-31
为了android应用程序统计作图，做成表格显示，自己写了个demo,可以上下滑动，并支持排序
Android开发之动态生成表格及其边框
10-28
Android开发之动态生成表格及其边框
Android 表格显示
小游
12-08 508
本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问 有两个 https://github.com/RmondJone/LockTableView https://github.com/huangyanbin/smartTable 最后选的是第一个，因为比较小 使用方法 List<ToolModel.LoveDetail> loves = gson.fromJson(msg.obj.toString(), new TypeToken<List<ToolModel..
Android开发 动态表格(内容、样式可扩缩)，kotlin操作符重载
m0_66264169的博客
01-23 861
e.printStackTrace(); } return objs; } public static List jsonToObjs(String json, Class cls) { return jsonToObjs(json, cls, false, dateFormat); } 4.2 未完整的MapTableData.java，开始创建新表格 /** 创建Map表格数据 @param tableName 表格名 @param mapList Map数组 */ public
androId Studio 的表格布局（TableLayout）
qq_53188955的博客
10-17 1886
显示在第一列android:layout -column=“1” 整列拉伸 在Table layout下面加android:stretch Columns =“列数”
android studio表格显示
09-27
在Android Studio中，你可以使用TableLayout来实现表格显示。要实现整列拉伸，你可以在TableLayout下添加android:stretchColumns="列数"属性。此外，你还需要确保你的xml文件中有正确的命名空间声明xmlns:android="http://schemas.android.com/apk/res/android"。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值