控制元件TextView與EditText的簡單運用
阿新 • • 發佈:2018-10-31
文字框(TextView)
簡介
TextView直接繼承View,作用就是在介面上顯示文字(類似於Swing中的JLabel),同時它還是EditText、Button兩個UI元件類的父類。
另外Android關閉了它的文字編輯功能,如果想編輯內容,則可以使用EditText。
編輯框(EditText)
簡介
EditText和TextView非常相似,它與TextView共用了絕大總分XML屬性和文法,
二者最大區別在於:
1.EditText可以接受使用者輸入;
2. TextView只能看不能編寫。
常用屬性
1:inputType:它是EditText元件最重要的屬性,它相當於HTML中標籤的type屬性,用於EditText指定輸入元件的型別。
常用取值有:number|numberPassword|date|phone
2: hint:提示字元資訊
案例:根據獲得/失去焦點邊框變色編輯框
選擇器
作用:根據控制元件狀態顯示不同樣式
Item: 指定不同狀態下控制元件顯示哪個樣式
activity
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns: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:layout_width ="match_parent"
android:orientation="vertical"
android:layout_height="match_parent"
tools:context=".MainActivity">
<EditText
android:id="@+id/main_edit_result"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="結果" />
<EditText
android:id="@+id/main_edit_result2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="結果2" />
<Button
android:layout_width="match_parent"
android:id="@+id/main_btn_btn1"
android:onClick="doSubmit"
android:background="@drawable/main_et_selector"
android:layout_height="wrap_content" />`這裡寫程式碼片`
<Button
android:layout_width="match_parent"
android:id="@+id/main_btn_btn2"
android:onClick="doSubmit"
android:layout_height="wrap_content" />
</LinearLayout>
<resources>
MainActivity
package com.basic.t212_a04;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
public class MainActivity extends AppCompatActivity {
private EditText main_edit_result;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
main_edit_result = findViewById(R.id.main_edit_result);
}
public void doSubmit(View view){
int id = view.getId();
switch (id){
case R.id.main_btn_btn1:
main_edit_result.setText("btn1");
break;
case R.id.main_btn_btn2:
main_edit_result.setText("btn2");
break;
}
}
}
style.xml
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
</resources>