iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
0
Mobile Development

Android Studio入門教學&筆記系列 第 9

Android Studio - 元件介紹(textView) - 實際應用

  • 分享至 

  • xImage
  •  

今天來介紹一下如何運用textView,做個簡單的範例,利用按鈕點擊監聽顯示文字於textView,要記得標上id因為待會的程式碼會用到哦

...
   <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="有一天芥末走在路上被揍一頓"
        android:layout_marginTop="30dp"
        android:textSize="30sp"/>
    <Button
        android:id="@+id/btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="為什麼?" />
...

最一開始的UI介面會長這樣

接著再java檔的程式碼

public class MainActivity extends AppCompatActivity {
TextView tv;
Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        tv = findViewById(R.id.textView);  //綁定id
        btn = findViewById(R.id.btn);

        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                tv.setText("因為他太嗆了");     //按下按鈕後才觸發setText顯示文字
                tv.setTextSize(50);            //顯示文字的大小
                tv.setTextColor(0xFFeeee00);   //顯示文字的顏色
            }
        });
    }
}

點擊後的畫面


上一篇
Android Studio-元件介紹(button) - 點擊監聽
下一篇
Android Studio - 元件介紹(editText)
系列文
Android Studio入門教學&筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言