4种基础控件
- Button 按键
- TextView 文本框
- EditText 输入框
- ImageView 图片,带边框的
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/bx2"
/>
padding和margin
图大小不变,内外边框拉升
margin 外边框,上下左右
android:layout_marginRight="10dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
padding 文字和内边框距离
android:paddingTop="70dp"
android:paddingLeft="60dp"
android:paddingRight="60dp"
制作一个登录界面
每个控件设置:id,长宽,对齐,文本
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<RelativeLayout
android:layout_width="400dp"
android:layout_height="150dp"
android:layout_centerInParent="true"
android:background="#f00"
>
<TextView
android:id="@+id/user"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="用户"
android:textSize="20dp"
android:textColor="#ffffff"
android:layout_marginTop="15dp"
android:layout_marginLeft="15dp"
/>
<EditText
android:id="@+id/ed1"
android:layout_width="320dp"
android:layout_height="40dp"
android:layout_toRightOf="@id/user"
/>
<TextView
android:id="@+id/password"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:textSize="20dp"
android:textColor="#ffffff"
android:layout_marginTop="15dp"
android:layout_marginLeft="15dp"
android:layout_below="@id/user"
/>
<EditText
android:id="@+id/ed2"
android:layout_width="320dp"
android:layout_height="40dp"
android:layout_toRightOf="@id/user"
android:layout_below="@id/ed1"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:text="取消"
android:layout_below="@id/ed2"
android:id="@+id/btn2"
/>
<Button
android:id="@+id/btn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="确定"
android:layout_below="@id/ed2"
android:layout_toLeftOf="@id/btn2"
android:layout_marginRight="10dp"
/>
</RelativeLayout>
</RelativeLayout>