用户界面设计
来源:互联网 发布:戈博贝尔求生刀淘宝 编辑:程序博客网 时间:2024/05/23 01:15
(1)在layout下新建一个名为login_top.xml的文件,具体代码如下:
<?xml version="1.0"encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="@dimen/activity_horizontal_margin" android:background="@drawable/logintop_roundbg">
<EditText android:id="@+id/etName" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:background="@android:drawable/edit_text" android:drawableLeft="@drawable/icon_user" android:drawablePadding="10dp" android:hint="@string/etName">
<requestFocus/>
</EditText>
<EditText android:id="@+id/etPassword" android:layout_below="@id/etName" android:inputType="textPassword" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:background="@android:drawable/edit_text" android:drawableLeft="@drawable/icon_pass" android:drawablePadding="10dp" android:hint="@string/etPass">
<requestFocus/>
</EditText>
<LinearLayout android:layout_below="@id/etPassword" android:layout_width="match_parent" android:layout_height="wrap_content">
<CheckBox android:text="记住密码" android:layout_width="0dp" android:layout_height="wrap_content" android:id="@+id/cbIsRememberPass" android:textSize="20sp" android:layout_weight="1"/>
/>
<Button android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="@drawable/btn_select" android:onClick="login" android:text="登录"/>
</LinearLayout>
</RelativeLayout>
(2)在layout下新建一个名为activity_login.xml的文件,具体代码如下:
<?xml version="1.0"encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_login" 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" android:background="@drawable/loginbg" tools:context="cn.edu.bzu.a01.LoginActivity">
<includelayout="@layout/login_top"></include>
<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" app:srcCompat="@drawable/deer" android:id="@+id/imageView" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" android:layout_marginRight="12dp" android:layout_marginEnd="12dp" android:layout_marginBottom="32dp"/>
</RelativeLayout>
(3)在layout下新建一个名为activity_main.xml的文件,具体代码如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" 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="cn.edu.bzu.a01.MainActivity">
<TextView android:text="Welcome you" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_centerHorizontal="true" android:textSize="40sp" android:id="@+id/textView"/>
</RelativeLayout>
(4)在drawable下新建一个名为btn_select.xml的文件,具体代码如下:
<?xml version="1.0"encoding="utf-8"?><selectorxmlns:android="http://schemas.android.com/apk/res/android">
<itemandroid:drawable="@drawable/btn_shape"android:state_pressed="false"></item>
<itemandroid:drawable="@drawable/btn_shape_after"android:state_pressed="true"></item>
</selector>
(5)在drawable下新建一个名为btn_shape.xml的文件,具体代码如下:
<?xml version="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android">
<solidandroid:color="#FF72CAE1"></solid>
<cornersandroid:radius="10dp"></corners>
</shape>
(6)在drawable下新建一个名为loginbg.xml的文件,具体代码如下:
<?xml version="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#FFACDAE5" android:endColor="#FF72CAE1" android:angle="45" />
</shape>
(7)在drawable下新建一个名为logintop_roundbg.xml的文件,具体代码如下:
<?xml version="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle">
<cornersandroid:radius="10dp"></corners>
<solidandroid:color="#55FFFFFF"></solid>
</shape>
(8)在values下的strings.xml文件中,具体代码如下:
<resources>
<stringname="app_name">01</string>
<stringname="etName">请输入账号</string>
<stringname="etPass">请输入密码</string>
<stringname="btnLogin">登录</string>
<stringname="btnRegister">注册</string>
</resources>
(9)在java下的LoginActivity文件下:
packagecn.edu.bzu.a01;
importandroid.content.Context;importandroid.content.Intent;importandroid.content.SharedPreferences;importandroid.support.v7.app.AppCompatActivity;importandroid.os.Bundle;importandroid.view.View;importandroid.widget.CheckBox;importandroid.widget.EditText;importandroid.widget.Toast;
public classLoginActivity extendsAppCompatActivity {
privateEditText etName;
privateEditText etPassword;
privateCheckBox cbIsRememberPass;
privateSharedPreferences sharedPreferences;
@Override protected voidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login);
initView();
sharedPreferences=getSharedPreferences("data", Context.MODE_PRIVATE);
booleanisRemember=sharedPreferences.getBoolean("remamberpassword",false);
if(isRemember){
String name=sharedPreferences.getString("name","");
String password=sharedPreferences.getString("password","");
etName.setText(name);
etPassword.setText(password);
cbIsRememberPass.setChecked(true);
}
}
private voidinitView() {
etName= (EditText) findViewById(R.id.etName);
etPassword= (EditText) findViewById(R.id.etPassword);
cbIsRememberPass= (CheckBox) findViewById(R.id.cbIsRememberPass);
}
public voidlogin(View view){
String name=etName.getText().toString();
String password=etPassword.getText().toString();
if("admin".equals(name)&&"123456".equals(password)){
SharedPreferences.Editor editor=sharedPreferences.edit();
if(cbIsRememberPass.isChecked()){
editor.putBoolean("remamberpassword",true);
editor.putString("name",name);
editor.putString("password",password);
}else{
editor.clear();
}
editor.commit();
Intent intent=newIntent(this,MainActivity.class);
startActivity(intent);
finish();
}else{
Toast.makeText(this,"账号或密码错误", Toast.LENGTH_SHORT).show();
}
}
}
(10)在java下新建一个Activity-MainActivity文件,具体代码如下:
packagecn.edu.bzu.a01;
importandroid.support.v7.app.AppCompatActivity;importandroid.os.Bundle;
public classMainActivity extendsAppCompatActivity {
@Override protected voidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
- 《 用户界面设计 》
- 用户界面设计
- 用户界面设计
- 用户界面设计
- 用户界面设计
- 用户界面设计
- 用户界面设计
- 用户界面设计
- 用户界面设计
- 用户界面设计
- 设计用户界面
- 用户界面设计
- 设计优秀的用户界面
- Java图形用户界面设计
- 用户界面设计风格说明
- 用户界面设计(转)
- 用户界面设计参考 [qutoed]
- 用户界面设计参考 (ZT)
- C++ STL 栈stack 向量vector 队列queue的用法
- 三种算法求一个数字序列的最长递增子序列
- 集训-变形合唱队形(DP)
- 《拳皇咆哮》Cocos2dx 横版动作手游全套源码 + 资源 + 数据库
- tableWidget用法
- 用户界面设计
- POJ3026Borg Maze(BFS+prim最小生成树)
- Linux安装Nodejs的三大方法
- 判断栈操作序列是否合法
- ionic 自定义指令无法获取绑定值,ngModelController.$viewValue无法使用
- 理解Semaphore及其用法详解
- mybatis常用jdbcType数据类型 对应java类型
- 免费分享到处在卖的最新微商管家4.0
- studio 或Android 一些搞笑的bug