day02:各控件,注册界面
一、设置控件的属性
方法:
1. 在XML中直接设置,导致硬编码,不专业,不推荐使用;
2. 在XML中使用@符号来关联,在string.xml中统一设置,方便信息管理和更改,推荐使用;
3. 在代码中关联xml文件,然后在代码中修改属性,这种情况一般用于动态属性的设置。
二、按钮Button
设置监听事件、触发按钮
三、输入文本框EditText
案例:注册界面
用户名必须输入,点击注册,显示用户名和密码
AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.lvshitech.unit2" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="18" /> <application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <!-- 在这里设置自定义类库(后台代码:Java类) --> <activity android:name="TestActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
TestActivity.java
package com.lvshitech.unit2; import android.app.Activity; import android.os.Bundle; import android.text.Editable; import android.text.TextWatcher; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.TextView; public class TestActivity extends Activity { // 页面控件 EditText etUsername, etPassword; Button btnRegister; TextView tvResult; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // 设置XML关联 setContentView(R.layout.test1); // 关联各个控件的XML etUsername = (EditText) findViewById(R.id.etUsername); etPassword = (EditText) findViewById(R.id.etPassword); btnRegister = (Button) findViewById(R.id.btnRegister); tvResult = (TextView) findViewById(R.id.tvResult); // 注册按钮监听事件 btnRegister.setEnabled(false); // 注册按钮默认为不可用 // 用户名文本框监听事件,当输入内容是,按钮可用 etUsername.addTextChangedListener(new TextWatcher() { // 正在输入 @Override public void onTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) { if(arg0.length() != 0) { // 当有内容输入时 btnRegister.setEnabled(true); } else { btnRegister.setEnabled(false); } } // 输入之前 @Override public void beforeTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) { } // 输入之后 @Override public void afterTextChanged(Editable arg0) { } }); // 按钮事件 btnRegister.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View arg0) { // 实现事件 String result = "用户名:" + etUsername.getText() + ",密码:" + etPassword.getText(); tvResult.setText(result); } }); } }
test1.xml
<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" > <TextView android:id="@+id/tvUsername" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/username" android:textSize="16sp" /> <EditText android:id="@+id/etUsername" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@+id/tvUsername" android:ems="10" android:inputType="text" android:hint="@string/enterUsername" android:textSize="16sp" /> <TextView android:id="@+id/tvPassword" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/etUsername" android:layout_below="@+id/etUsername" android:layout_marginTop="20dp" android:text="@string/password" android:textSize="16sp" /> <EditText android:id="@+id/etPassword" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignLeft="@+id/tvPassword" android:layout_below="@+id/tvPassword" android:ems="10" android:inputType="textPassword" android:hint="@string/enterPassword" android:textSize="16sp" /> <Button android:id="@+id/btnRegister" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/etPassword" android:layout_below="@+id/etPassword" android:layout_marginTop="20dp" android:text="@string/btnRegister" /> <TextView android:id="@+id/tvResult" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignRight="@+id/etPassword" android:layout_below="@+id/btnRegister" android:layout_marginTop="39dp" android:textSize="20sp" android:textColor="#FF0000" /> </RelativeLayout>
string.xml
<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">注册界面</string> <string name="action_settings">Settings</string> <string name="hello_world">Hello world!</string> <string name="username">用户名</string> <string name="password">密码</string> <string name="ok">确定</string> <string name="btnRegister">注册</string> <string name="enterUsername">请输入用户名</string> <string name="enterPassword">请输入密码</string> </resources>