TextView與EditView的概述

今天學的功能是TextView與EditText的基本設定與實際應用。

TextView

TextView是一個文字物件，用來在畫面上顯示內容功能，各位在開新的專案時都會有一個Hello World在畫面的正中央，這個就是TextView，我會先從如何把這些物件放置在畫面上，接著會稍微帶一點用Java程式撰寫如何對TextView的顯示資料進行設定。

一些基本常見的功能

1. android:text="test_text"：在""之中輸入文字
2. android:textStyle="bold"：可以將文字風格更改成粗體字、斜體字。
3. android:textAlignment="center"：除了center以外還有textEnd、textStart，其功能分別是將文字對齊在此TextView框框的正中央、後面、前面。
4. android:textSize="20dp"：顧名思義就是設定文字大小。
5. android:textColor="#ff0022"：設定文字的顯示顏色，可以使用RGB色碼，或者在colors.xml中設定完成之後再引入到layout。

    <TextView
        android:id="@+id/boldtextview"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="test_text"
        android:textStyle="bold"
        android:textAlignment="center"
        android:textSize="20dp" 
        android:textColor="#ff0022"
        tools:ignore="MissingConstraints" />

EditView

輸入各種資料的功能，例如：帳號、密碼...等等的

基本常見的功能

這些功能基本上與TextView差不多，hint在TextView中其實也可以使用，只是我覺得用到的機會比較少，我覺得是在計算的功能上比較有可能會用到在TextView使用hint。

1. android:hint="在此輸入訊息"：在""之中輸入提示文字。
2. android:textColorHint="@color/purple_200"：提示文字的色彩設定，設定方式與textColor一樣。

    <EditText
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:hint="在此輸入訊息"
        android:textColorHint="@color/purple_200"
        android:textAlignment="center"
        tools:ignore="MissingConstraints" />

Java程式設定TextView顯示文字

在這個小部分會偷渡一點Button的點擊事件，這個功能詳細我後面會說。
下面的程式碼功能述說：將EditText輸入的數值複寫在TextView上面，這邊是如何將EditText輸入的文字接收並顯示在TextView上面，這個部分所用到的是.setText()的功能。

• textview.setText()：前面的textview是我預先設定好的外部變數，代表的是TextView.class，而這個TextView的Class裡面有很多功能，當中我只拿取.setText的function，這個function裡面具有一個輸入值必須有文字輸入，當然也能直接在小括弧中直接用""輸入文字。
• 這邊我也用了一個.getText()的function，前面與上面一樣是可以自行設定的變數，這是屬於EditText.class當中的其中一項功能，用於接收到目前畫面上的EditText所輸入的數值。

public class MainActivity extends AppCompatActivity {

    TextView textView;
    EditText editText;
    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById (R.id.displaytext);
        editText = findViewById (R.id.editText01);
        button = findViewById (R.id.Button01);

        button.setOnClickListener (new View.OnClickListener () {
            @Override
            public void onClick (View view) {
                textView.setText (editText.getText ());
            }
        });

    }
}

• 以上設定完成之後按下Run的按鈕執行
  • 首先在EditText的輸入框輸入想要顯示的資料
    
  • 接著按下按鈕送出，觸發按鈕事件之後就可以在底下的Display your text here顯示出上面EditText輸入的文字了
    

以上就是今天的學習內容