学习一：登录页面的设计

1、效果图如下：

2、主程序Hello.java：

public class Hello extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.hello_activity);
    }
}

3、hello_activity.xml的内容如下：

<?xml version="1.0" encoding="utf-8"?>
<!-- Demonstrates using a relative layout to create a form -->
<LinearLayout xmlns:android=" http://schemas.android.com/apk/res/android "
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal">
   
    <TextView
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:text="@string/hello"
     android:textColor="#ff8c00"
     android:capitalize="characters"
     android:textStyle="bold"
    />
   
   
    <ImageView android:id="@+id/title_image"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content" android:src="@drawable/title_image"
     android:layout_gravity="center" android:padding="5sp"
    />
   
    <LinearLayout
     android:orientation="horizontal"
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:gravity="center_horizontal">
        <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="@string/username"
         android:textColor="#ff8cff"
         android:capitalize="characters"/>
        <EditText
         android:id="@+id/et_email"
         android:layout_width="200px"
         android:layout_height="wrap_content"/>
    </LinearLayout>
   
    <LinearLayout
     android:orientation="horizontal"
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:gravity="center_horizontal">
        <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="@string/password"
         android:textColor="#ff8cff"
         android:capitalize="characters"/>
        <EditText
         android:id="@+id/et_pwd"
         android:layout_width="200px"
         android:layout_height="wrap_content"
         android:password="true"/>
    </LinearLayout>
   
</LinearLayout>
4、strings.xml的内如如下：

<resources>
    <string name="hello">Hello World, shilei</string>
    <string name="app_name">Hello</string>
<string name="username">用户名：</string>
<string name="password">密     码：</string>
</resources>

5、R.java的内如如下：

public final class R {
    public static final class attr {
    }
    public static final class drawable {
        public static final int icon=0x7f020000;
        public static final int title_image=0x7f020001;
    }
    public static final class id {
        public static final int et_email=0x7f050001;
        public static final int et_pwd=0x7f050002;
        public static final int title_image=0x7f050000;
    }
    public static final class layout {
        public static final int hello_activity=0x7f030000;
        public static final int main=0x7f030001;
    }
    public static final class string {
        public static final int app_name=0x7f040001;
        public static final int hello=0x7f040000;
        public static final int password=0x7f040003;
        public static final int username=0x7f040002;
    }
}

 

这里主要学习使用ImageView,还有就是布局，其中使用到

android:orientation="vertical"

还有就是

android:orientation="horizontal"

图片我自己使用过.png,还有jpg两种格式都可以。