现在的位置: 首页 > 综合 > 正文

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

2018年02月16日 ⁄ 综合 ⁄ 共 3268字 ⁄ 字号 评论关闭

先看下效果图,再来说说怎么实现!!

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

 

 

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

 

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

 

当鼠标在入职时间输入控件点击时出现时间选择器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>

 

 

 

 

抱歉!评论已关闭.