android好看表单界面设计（TableLayout）及查询数据列表显示1

最新推荐文章于 2025-05-27 11:10:21 发布

置顶克拉幸福ran

最新推荐文章于 2025-05-27 11:10:21 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： android_project 文章标签： SimpleDateFormat tablelayout datepickerdialog tablerow应用 sqlite查询列表显示界面设计

本文链接：https://blog.youkuaiyun.com/luran_fighting/article/details/9255191

android_project 专栏收录该内容

4 篇文章

订阅专栏

本文展示了如何在Android中设计美观的表单界面，利用TableLayout、DatePickerDialog和TableRow实现。同时，文章详细介绍了如何从SQLite数据库查询数据并显示在列表上，包括点击行删除功能及时间选择器的交互设计。通过实例代码，读者可以学习到Android界面设计和数据库操作的相关技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看下效果图，再来说说怎么实现！！

查询员工信息显示效果如下：

当点击某一记录行触发删除该行信息提醒：此时是点击第一条记录，背景变为黄色视为当前选择行，效果如何实现的呢，在下面详细介绍，自己温习一遍。

点击添加按钮时出现如下图：

当鼠标在入职时间输入控件点击时出现时间选择器DatepickerDialog:

1.首先布局一下主界面

<RelativeLayout    
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#2691f2"
    tools:context=".MainActivity" >

    <LinearLayout
        android:id="@+id/linear"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/select"
            android:layout_width="60dp"
            android:layout_height="40dp"
            android:background="@android:color/darker_gray"
            android:text="@string/select"
            android:textSize="20sp" />

        <Button
            android:id="@+id/add"
            android:layout_width="60dp"
            android:layout_height="40dp"
            android:layout_marginLeft="20dp"
            android:background="@android:color/darker_gray"
            android:text="@string/add"
            android:textSize="20sp" />

        <Button
            android:id="@+id/update"
            android:layout_width="60dp"
            android:layout_height="40dp"
            android:layout_marginLeft="20dp"
            android:background="@android:color/darker_gray"
            android:text="@string/update"
            android:textSize="20sp" />
    </LinearLayout>

    <ScrollView
        android:id="@+id/scroll"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/linear" >

        <HorizontalScrollView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >

            <TableLayout
                android:id="@+id/table"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="3dip"
                android:layout_marginTop="20dp"
                android:padding="2dip" >

                <TableRow android:orientation="horizontal" >
                    <TextView
                        android:layout_gravity="center"
                        android:ellipsize="marquee"
                        android:focusable="true"
                        android:focusableInTouchMode="true"
                        android:marqueeRepeatLimit="marquee_forever"
                        android:paddingBottom="2dip"
                        android:paddingLeft="10dip"
                        android:paddingRight="10dip"
                        android:paddingTop="2dip"
                        android:scrollHorizontally="true"
                        android:singleLine="true"
                        android:text="@string/id"
                        android:textSize="18sp" />

                    <TextView
                        android:layout_gravity="center"
                        android:paddingBottom="2dip"
                        android:paddingLeft="10dip"
                        android:paddingRight="10dip"
                        android:paddingTop="2dip"
                        android:text="@string/name1"
                        android:textSize="18sp" />

                    <TextView
                        android:layout_gravity="center"
                        android:paddingBottom="2dip"
                        android:paddingLeft="10dip"
                        android:paddingRight="10dip"
                        android:paddingTop="2dip"
                        android:text="@string/age1"
                        android:textSize="18sp" />

                    <TextView
                        android:layout_gravity="center"
                        android:paddingBottom="2dip"
                        android:paddingLeft="10dip"
                        android:paddingRight="10dip"
                        android:paddingTop="2dip"
                        android:text="@string/position1"
                        android:textSize="18sp" />

                    <TextView
                        android:layout_gravity="center"
                        android:paddingBottom="2dip"
                        android:paddingLeft="10dip"
                        android:paddingRight="10dip"
                        android:paddingTop="2dip"
                        android:text="@string/dptmt1"
                        android:textSize="18sp" />

                    <TextView
                        android:layout_gravity="center"
                        android:paddingBottom="2dip"
                        android:paddingLeft="10dip"
                        android:paddingRight="10dip"
                        android:paddingTop="2dip"
                        android:text="@string/date1"
                        android:textSize="18sp" />

                    <TextView
                        android:layout_gravity="center"
                        android:paddingBottom="2dip"
                        android:paddingLeft="10dip"
                        android:paddingRight="10dip"
                        android:paddingTop="2dip"
                        android:text="@string/worked"
                        android:textSize="18sp" />
                </TableRow>
            </TableLayout>
        </HorizontalScrollView>
    </ScrollView>

</RelativeLayout>