1.利用拖拽的方式,在界面中显示按键(不建议用)
(1)打开MianActivity.java,接着把鼠标放在activity_main中,按住ctrl按键并双击,
?????? 进入activity_main.xml中。
?(2)点击Graphical Layout,可以利用手动拖拽的方式,在界面中放置按键
?
?
(3)在界面中拖拽一个button按键,此时进入activity_main.xml,自动生成有关button按键的代码。
运行效果
?
?(4)手动拖拽实现用户登录界面
当实现用户框时,可以利用复制粘贴的方式实现密码框;拖拽Button按键到界面中,就可以实现Button按键。
?(5)在MainActivity.java中调用上面按键
package com.example.bha;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button b;
EditText e;
TextView t;
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
?输入 Button??? b;EditText(文本编辑)? e;TextView(文本框)? t;三个控件之后,按下ctrl+shift+o进行导包
(6)布局页面实现
<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" >
<EditText
android:id="@+id/editText1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/button1"
android:layout_marginTop="44dp"
android:layout_toRightOf="@+id/textView1"
android:ems="10"
android:inputType="textPersonName" />
<EditText
android:id="@+id/EditText01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/TextView01"
android:layout_alignBottom="@+id/TextView01"
android:layout_alignLeft="@+id/editText2"
android:ems="10" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/editText1"
android:layout_alignParentBottom="true"
android:layout_marginBottom="169dp"
android:text="确定" />
<Button
android:id="@+id/Button01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button1"
android:layout_alignBottom="@+id/button1"
android:layout_alignRight="@+id/EditText01"
android:layout_marginRight="38dp"
android:text="取消" />
<EditText
android:id="@+id/editText2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/EditText01"
android:layout_centerHorizontal="true"
android:layout_marginBottom="50dp"
android:ems="10" >
<requestFocus />
</EditText>
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/editText2"
android:layout_alignBottom="@+id/editText2"
android:layout_toLeftOf="@+id/editText2"
android:text="用户" />
<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/button1"
android:layout_alignLeft="@+id/textView1"
android:layout_marginBottom="50dp"
android:text="密码" />
</RelativeLayout>
?运行效果:
2.利用代码实现界面
<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="#ff0000"
>
<TextView
android:layout_marginTop="10dp"
android:id="@+id/user"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="用户"
android:textSize="20dp"
android:textColor="#ffffff"
/>
<EditText
android:id="@+id/ed1"
android:layout_width="320dp"
android:layout_height="40dp"
android:layout_toRightOf="@+id/user"
/>
<TextView
android:id="@+id/passwd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:layout_marginTop="20dp"
android:textSize="20dp"
android:layout_below="@id/user"
android:textColor="#ffffff"
/>
<EditText
android:id="@+id/ed2"
android:layout_width="320dp"
android:layout_height="40dp"
android:layout_toRightOf="@+id/user"
android:layout_alignBottom="@+id/passwd"
android:layout_below="@id/ed1"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="确定"
android:layout_below="@id/ed2"
android:layout_alignParentRight="true"
/>
</RelativeLayout>
</RelativeLayout>
?android:layout_centerInParent ?? 父控件的中央;
?android:textSize="20dp"???????????? 字体大小 ?android:textColor="#ffffff"?????????? 字体颜色
?android:layout_width?????????????? ? 宽度
android:layout_height??????????????? 高度
android:layout_toRightOf????????? 控件的左边缘与给定ID的控件右边缘对齐;
android:layout_below??????????? ?? 控件的底部置于给定ID的控件之下;
?android:text=“ ” ? ? ? ? ? ? ? ? ? ??? 输入文字
android:layout_alignBottom????? 控件的底部边缘与给定ID的底部边缘对齐;
android:background="#ff0000"??? 背景颜色
android:layout_alignParentRight?????控件的右部与父控件的右部对齐;
android:layout_marginTop???????????? 上边距
——@上官可编程
?
|