1. 程式人生 > >控制元件TextView與EditText的簡單運用

控制元件TextView與EditText的簡單運用

文字框(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>