总感觉做出漂亮的界面千难万难。 于是在网上找了个布局小例子学习了下, 练练手。 这个例子是模仿QQ登录界面, 做得比较粗糙, 但不失为学习的好例子。 原文地址http://www.eoeandroid.com/thread-103147-1-1.html。 ?(对照着原文的截图自己写的, 代码可能有出入)
?
?
Eclipse 中显示效果
真机运行效果
?
代码?
?
?
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/back" android:orientation="vertical" > <ImageView android:id="@+id/imageView1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/qq" /> <LinearLayout android:id="@+id/linearLayout1" android:layout_width="match_parent" android:layout_height="wrap_content" > <ImageView android:id="@+id/imageView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="3dip" android:src="@drawable/head" /> <TableLayout android:id="@+id/tableLayout1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:stretchColumns="1" > <TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="0dip" android:layout_weight="1" > <TextView style="@style/black_bold" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="帐号:" /> <EditText android:id="@+id/editText2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scrollHorizontally="true" android:text="ha" android:singleLine="true"/> </TableRow> <TableRow android:id="@+id/tableRow2" android:layout_width="wrap_content" android:layout_height="0dip" android:layout_weight="1" > <TextView style="@style/black_bold" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="密码:" /> <EditText android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:inputType="textPassword" android:scrollHorizontally="true" android:singleLine="true"> <requestFocus /> </EditText> </TableRow> </TableLayout> </LinearLayout> <RelativeLayout android:id="@+id/relativeLayout1" android:layout_width="match_parent" android:layout_height="wrap_content" > <CheckBox android:id="@+id/checkBox1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:text="@string/remember_pwd" android:textColor="@color/black" /> <CheckBox android:id="@+id/checkBox2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:layout_marginRight="5dp" android:text="@string/auto_login" android:textColor="@color/black" /> </RelativeLayout> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:paddingBottom="3dip" android:paddingLeft="80dip" android:paddingRight="80dip" android:paddingTop="3dip" android:text="@string/login" /> <RelativeLayout android:id="@+id/relativeLayout2" android:layout_width="match_parent" android:layout_height="wrap_content" > <CheckBox android:id="@+id/checkBox3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:text="@string/hide_login" android:textColor="@color/black" /> <CheckBox android:id="@+id/checkBox4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:layout_marginRight="5dp" android:text="@string/vibrate" android:textColor="@color/black" /> </RelativeLayout> <RelativeLayout android:id="@+id/relativeLayout3" android:layout_width="match_parent" android:layout_height="wrap_content" > <CheckBox android:id="@+id/checkBox5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:text="@string/receive_group_msg" android:textColor="@color/black" /> <CheckBox android:id="@+id/checkBox6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:layout_marginRight="5dp" android:text="@string/slient_login" android:textColor="@color/black" /> </RelativeLayout></LinearLayout>
?
?