【移動應用開發(fā)技術】怎么在android中利用TableLayout實現(xiàn)一個表單布局效果

【移動應用開發(fā)技術】怎么在android中利用TableLayout實現(xiàn)一個表單布局效果

這篇文章給大家介紹怎么在android中利用TableLayout實現(xiàn)一個表單布局效果，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。1、核心知識點android:divider="@drawable/table_v_divider"

android:showDividers="middle|beginning|end"2、樣式代碼style樣式<?xml

version="1.0"

encoding="utf-8"?>

<resources>

<!--灰色8a8a8a18號字體，130寬，主要用于確認個人信息表格樣式-->

<style

name="style_table_gray6_18_130_text">

<item

name="android:layout_width">@dimen/dimen_0</item>

<item

name="android:layout_height">wrap_content</item>

<item

name="android:textSize">@dimen/text_18</item>

<item

name="android:textColor">@color/c_gray_6</item>

<item

name="android:gravity">center</item>

<item

name="android:padding">@dimen/dimen_10</item>

</style>

<!--黑色1c1c1c18號字體-->

<style

name="style_table_black1_18_text">

<item

name="android:layout_width">@dimen/dimen_0</item>

<item

name="android:layout_height">wrap_content</item>

<item

name="android:textSize">@dimen/text_18</item>

<item

name="android:textColor">@color/c_black_1</item>

<item

name="android:gravity">center_vertical</item>

<item

name="android:singleLine">true</item>

<item

name="android:ellipsize">end</item>

<item

name="android:padding">@dimen/dimen_10</item>

</style>

</resources>table_v_divider.xml文件<?xml

version="1.0"

encoding="utf-8"?>

<shape

xmlns:android="/apk/res/android"

android:shape="rectangle">

<size

android:height="1dp"

/>

<solid

android:color="@color/c_gray_6"

/>

</shape>table_h_divider.xml文件<?xml

version="1.0"

encoding="utf-8"?>

<shape

xmlns:android="/apk/res/android"

android:shape="rectangle">

<size

android:width="1dp"

/>

<solid

android:color="@color/c_gray_6"

/>

</shape>顏色<color

name="c_gray_6">#8a8a8a</color>3、完整代碼如下<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

xmlns:tools="/tools"

android:orientation="vertical"

>

<LinearLayout

android:layout_marginTop="@dimen/dimen_30"

android:gravity="center_vertical"

android:orientation="horizontal"

android:padding="@dimen/dimen_10">

<android.support.v4.widget.Space

android:layout_weight="1"

/>

<TextView

android:gravity="right"

android:layout_weight="1"

android:layout_width="@dimen/dimen_0"

android:text="險種類型："

/>

<EditText

android:id="@+id/et_plant_type"

android:layout_weight="3"

android:layout_width="@dimen/dimen_0"

android:background="@drawable/bg_et_down_selector"

android:hint="請選擇"

/>

<android.support.v4.widget.Space

android:layout_weight="1"

/>

</LinearLayout>

<TableLayout

android:layout_margin="30dp"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_v_divider"

android:orientation="vertical"

android:showDividers="middle|beginning|end">

<TableRow

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_h_divider"

android:orientation="horizontal"

android:showDividers="middle|beginning|end">

<TextView

android:layout_width="0dp"

android:layout_weight="10"

android:text="基本信息"

/>

</TableRow>

<TableRow

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_h_divider"

android:orientation="horizontal"

android:showDividers="middle|beginning|end">

<TextView

android:layout_width="0dp"

android:layout_weight="1"

android:text="姓名"

/>

<TextView

android:id="@+id/tv_table_name"

android:layout_width="0dp"

android:layout_weight="2"

tools:text="基本信息"

/>

<TextView

android:layout_width="0dp"

android:layout_weight="1"

android:text="性別"

/>

<TextView

android:id="@+id/tv_table_sex"

android:layout_width="0dp"

android:layout_weight="2"

tools:text="男"

/>

<TextView

android:layout_width="0dp"

android:layout_weight="2"

android:text="身份證號"

/>

<TextView

android:id="@+id/tv_table_idnum"

android:layout_width="0dp"

android:layout_weight="2"

tools:text="444444444444444444"

/>

</TableRow>

<TableRow

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_h_divider"

android:orientation="horizontal"

android:showDividers="middle|beginning|end">

<TextView

android:layout_width="0dp"

android:layout_weight="3"

android:text="個人社保編號"

/>

<TextView

android:id="@+id/tv_table_ss_num"

android:layout_width="0dp"

android:layout_weight="1"

tools:text="110"

/>

<TextView

android:layout_width="0dp"

android:layout_weight="2"

android:text="現(xiàn)參保單位"

/>

<TextView

android:id="@+id/tv_table_ss_current_insured_unit"

android:layout_width="0dp"

android:layout_weight="4"

tools:text="110"

/>

</TableRow>

<TableRow

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_h_divider"

android:orientation="horizontal"

android:showDividers="middle|beginning|end">

<TextView

android:layout_width="0dp"

android:layout_weight="10"

android:text="參保情況"

/>

</TableRow>

<TableRow

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_h_divider"

android:orientation="horizontal"

android:showDividers="middle|beginning|end">

<TextView

android:layout_width="0dp"

android:layout_weight="3"

android:text="參保狀態(tài)"

/>

<TextView

android:id="@+id/tv_table_insured_state"

android:layout_width="0dp"

android:layout_weight="3"

tools:text="參保繳費"

/>

<TextView

android:layout_width="0dp"

android:layout_weight="2"

android:text="現(xiàn)繳費基數(shù)"

/>

<TextView

android:id="@+id/tv_table_payment_base"

android:layout_width="0dp"

android:layout_weight="2"

tools:text="110"

/>

</TableRow>

<TableRow

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_h_divider"

android:orientation="horizontal"

android:showDividers="middle|beginning|end">

<TextView

android:layout_width="0dp"

android:layout_weight="3"

android:text="參保起始時間"

/>

<TextView

android:id="@+id/tv_table_start_time"

android:layout_width="0dp"

android:layout_weight="3"

tools:text="2018-06-12"

/>

<TextView

android:layout_width="0dp"

android:layout_weight="2"

android:text="繳費截止時間"

/>

<TextView

android:id="@+id/tv_table_pay_end_time"

android:layout_width="0dp"

android:layout_weight="2"

tools:text="2018-06-12"

/>

</TableRow>

<TableRow

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_h_divider"

android:orientation="horizontal"

android:showDividers="middle|beginning|end">

<TextView

android:layout_width="0dp"

android:layout_weight="3"

android:text="個人賬號總月數(shù)"

/>

<TextView

android:id="@+id/tv_table_total_accounts"

android:layout_width="0dp"

android:layout_weight="3"

tools:text="2018-06-12"

/>

<TextView

android:layout_width="0dp"

android:layout_weight="2"

android:text="個人賬號存在額"

/>

<TextView

android:id="@+id/tv_table_personal_account_number"

android:layout_width="0dp"

android:layout_weight="2"

tools:text="2018-06-12"

/>

</TableRow>

<TableRow

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_h_divider"

android:orientation="horizontal"

android:showDividers="middle|beginning|end">

<TextView

android:layout_width="0dp"

android:layout_weight="3"

android:text="截止上月欠繳月數(shù)"

/>

<TextView

android:id="@+id/tv_table_not_months"

android:layout_width="0dp"

android:layout_weight="3"

tools:text="2018-06-12"

/>

<TextView

android:layout_width="0dp"

android:layout_weight="2"

android:text="截止上月欠費金額"

/>

<TextView

android:id="@+id/tv_table_owe_the_amount"

android:layout_width="0dp"

android:layout_weight="2"

tools:text="2018-06-12"

/>

</TableRow>

<TableRow

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:divider="@drawable/table_h_divider"

android:orientation="horizontal"

android:showDividers="middle|beginning|end">

<TextView

android:layout_width="0dp"

android:layout_weight="10"