android中的組件可謂應有盡有,從簡單的Button到復雜的WebView,無所不能,無所不有。
本案例通過一個註冊界面盡可能多的為大傢展示一些控件的使用。本案例涉及的控件有：TextView、EditText、RadioButton、Button、ToggleButton、CheckBox、Spinner等。
本案例整體的佈局結構如下圖：
MainActivity.java中main.xml的代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:id="@+id/tvTitleRegister"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="用戶註冊界面"
android:textColor="#EEE"
android:textStyle="bold"
android:textSize="28sp"
android:layout_gravity="center_vertical"
android:gravity="center"
/>
<TextView
android:id="@+id/tvUserName"
style="@style/TextViewTitleWidgetStyle"
android:text="用戶名稱："
android:layout_below="@+id/tvTitleRegister"
android:layout_alignParentLeft="true"
android:layout_marginTop="8dp"
/>
<EditText
android:id="@+id/etUserName"
style="@style/EditTextInputWidgetStyle"
android:layout_toRightOf="@+id/tvUserName"
android:layout_alignParentRight="true"
android:layout_below="@+id/tvTitleRegister"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
/>
<TextView
android:id="@+id/tvUserPassword"
style="@style/TextViewTitleWidgetStyle"
android:text="用戶密碼："
android:layout_below="@+id/tvUserName"
android:layout_alignParentLeft="true"
android:layout_marginTop="26dp"
/>
<EditText
android:id="@+id/etUserPassword"
style="@style/EditTextInputWidgetStyle"
android:layout_toRightOf="@+id/tvUserPassword"
android:layout_alignParentRight="true"
android:layout_below="@+id/etUserName"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:layout_marginTop="5dp"
/>
<TextView
android:id="@+id/tvSex"
style="@style/TextViewTitleWidgetStyle"
android:text="性 別："
android:layout_below="@+id/tvUserPassword"
android:layout_alignParentLeft="true"
android:layout_marginTop="25dp"
/>
<RadioGroup
android:id="@+id/radioSexGroup"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@+id/etUserPassword"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:layout_toRightOf="@+id/tvSex"
android:orientation="horizontal"
>
<RadioButton
android:id="@+id/radioMale"
android:text="男"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_marginLeft="5dp"
/>
<RadioButton
android:id="@+id/radioFemale"
android:text="女"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_marginLeft="15dp"
/>
</RadioGroup>
<TextView
android:id="@+id/tvMarriage"
style="@style/TextViewTitleWidgetStyle"
android:text="婚 否："
android:layout_below="@+id/tvSex"
android:layout_alignParentLeft="true"
android:layout_marginTop="20dp"
/>
<ToggleButton
android:id="@+id/tbIsGetMarried"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/tvMarriage"
android:layout_below="@+id/radioSexGroup"
android:layout_marginLeft="5dp"
/>
<TextView
android:id="@+id/tvhobbies"
style="@style/TextViewTitleWidgetStyle"
android:text="愛 好："
android:layout_below="@+id/tvMarriage"
android:layout_alignParentLeft="true"
android:layout_marginTop="20dp"
/>
<CheckBox
android:id="@+id/cb_basketball"
style="@style/CheckBoxWidgetStyle"
android:layout_below="@+id/tbIsGetMarried"
android:layout_toRightOf="@+id/tvhobbies"
android:text="籃球"
android:layout_marginLeft="5dp"
/>
<CheckBox
android:id="@+id/cb_Reading"
style="@style/CheckBoxWidgetStyle"
android:layout_below="@+id/tbIsGetMarried"
android:layout_toRightOf="@+id/cb_basketball"
android:text="閱讀"
android:layout_marginLeft="5dp"
/>
<CheckBox
android:id="@+id/cb_pc"
style="@style/CheckBoxWidgetStyle"
android:layout_below="@+id/cb_basketball"
android:layout_toRightOf="@+id/tvhobbies"
android:text="電腦"
android:layout_marginLeft="5dp"
/>
<CheckBox
android:id="@+id/cb_Sing"
style="@style/CheckBoxWidgetStyle"
android:layout_below="@+id/cb_Reading"
android:layout_toRightOf="@+id/cb_pc"
android:text="唱歌"
android:layout_marginLeft="5dp"
/>
<TextView
android:id="@+id/tvTitle"
style="@style/TextViewTitleWidgetStyle"
android:text="職 務："
android:layout_below="@+id/tvhobbies"
android:layout_alignParentLeft="true"
android:layout_marginTop="60dp"
/>
<Spinner
android:id="@+id/position"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@+id/tvTitle"
android:layout_marginLeft="5dp"
android:layout_below="@+id/cb_Sing"
/>
<Button
android:id="@+id/bt_OK"
android:layout_width="80dp"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:text="註冊"
android:layout_marginLeft="65dp"
/>
<Button
android:id="@+id/bt_Cancel"
android:layout_width="80dp"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_toRightOf="@+id/bt_OK"
android:text="取消"
android:layout_marginLeft="5dp"
/>
</RelativeLayout>
values/style.xml文件
這裡建議一下大傢，以後盡量將一些相同控件的通用屬性集中起來放在style.xml文件中。
第一：提高代碼復用率
第二：便於後期的維護
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!–TextView–>
<style name="TextViewTitleWidgetStyle">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">#EEE</item>
<item name="android:textStyle">bold</item>
<item name="android:textSize">18sp</item>
</style>
<!–EditText–>
<style name="EditTextInputWidgetStyle">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:lines">1</item>
</style>
<!–CheckBox–>
<style name="CheckBoxWidgetStyle">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
</style>
</resources>
2011.10.19
jack.li
QQ:523072842
