您的位置:首页 > 移动开发

Android APP登录界面设计

2016-01-09 21:25 375 查看
为平板设计的登录界面,可以实现的功能有登录,忘记密码,记住密码,用户注册。(只设计界面,为了练习界面布局)

其中包括了EditText、TextView、CheckBox、Button控件。

<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="fill_parent"
android:layout_height="wrap_content" >

<TextView
android:id="@+id/tv_tittle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="19dp"
android:text="@string/tittle"
android:textSize="26sp" />

<TextView
android:id="@+id/tv_username"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dip"
android:layout_below="@+id/tv_tittle"
android:layout_toLeftOf="@+id/tv_tittle"
android:text="@string/username"
android:textSize="18sp" />

<EditText
android:id="@+id/et_username"
android:layout_width="wrap_content"
android:layout_height="40dip"
android:layout_alignBaseline="@+id/tv_username"
android:layout_alignBottom="@+id/tv_username"
android:layout_toRightOf="@+id/tv_username"
android:ems="10" >
</EditText>

<TextView
android:id="@+id/tv_password"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/tv_username"
android:layout_below="@+id/tv_username"
android:layout_marginTop="19dp"
android:text="@string/password"
android:textSize="18sp" />

<EditText
android:id="@+id/et_password"
android:layout_width="wrap_content"
android:layout_height="40dip"
android:layout_alignBaseline="@+id/tv_password"
android:layout_alignBottom="@+id/tv_password"
android:layout_alignLeft="@+id/et_username"
android:layout_alignRight="@+id/et_username"
android:maxLines="20"
android:password="true" />

<CheckBox
android:id="@+id/cb_mima"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dip"
android:layout_alignLeft="@+id/tv_password"
android:layout_below="@+id/tv_password"
android:layout_toRightOf="@+id/tv_password"
android:text="@string/nopassword" />

<TextView
android:id="@+id/hasnopassword"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/cb_mima"
android:layout_marginLeft="12dip"
android:layout_toRightOf="@+id/cb_mima"
android:text="@string/donotpassword" />

<TextView
android:id="@+id/zhuce"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/cb_mima"
android:layout_marginLeft="12dip"
android:layout_toRightOf="@+id/hasnopassword"
android:text="@string/zhuce" />
<Button
android:id="@+id/btn_cancel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/tv_tittle"
android:layout_below="@+id/cb_mima"
android:layout_marginTop="20dip"
android:text="@string/cancel"
/>

<Button
android:id="@+id/btn_login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/login"

android:layout_alignRight="@+id/tv_tittle"
android:layout_alignBaseline="@+id/btn_cancel"
/>

<TextView
android:id="@+id/setting"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:text="@string/setting"
/>
</RelativeLayout>

</RelativeLayout>


主界面代码设置只需要定义每个控件即可,主界面的标题栏取消了。

package com.denglu;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;

public class MainActivity extends Activity {

private Button btncancel;
private Button btnlogin;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);//取消标题栏
setContentView(R.layout.activity_main);
btncancel=(Button)findViewById(R.id.btn_cancel);
btnlogin=(Button)findViewById(R.id.btn_login);
btnlogin.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent=new Intent(MainActivity.this,LogedActivity.class);
MainActivity.this.startActivity(intent);
}
});

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: