iT邦幫忙

2024 iThome 鐵人賽

DAY 6
0

之前我們在 開發環境介紹Day2 這篇有稍微介紹到,要做到文字顯示部分我悶需要用到TextView

  • 通常在activity_main.xml上都會有一個TextView在上面(如下圖)
    https://ithelp.ithome.com.tw/upload/images/20240914/201684540UUPZ4jPGg.png

  • 如果沒有,很簡單,打開Palette拖移TextView在白在區域放開
    https://ithelp.ithome.com.tw/upload/images/20240914/20168454mgG36buICi.png

  • 或是打 < 選擇TextView 進行撰寫多可以
    https://ithelp.ithome.com.tw/upload/images/20240914/20168454SCyHu67cvb.png

程式碼介紹

先介紹幾個比較常見的程式碼~

https://ithelp.ithome.com.tw/upload/images/20240914/20168454teulml9z6F.png

wrap_content:設定元件會依照內容物件(下層物件)的大小去做改變
match_parent:設定元件會依照上層物件(或父物件)的大小,填滿上層物件(或可以說符合上層物件改變自己的大小)

  • android:id =>進行設定元件id,可以參考我的命名分是通常會是 "哪個Activity_呈現甚麼東西_元件名稱縮寫"
  • android:layout_width => 設定元件寬
  • android:layout_height => 設定元件高
  • android:text => 設定文字
  • android:background =>設定背景顏色或圖片
  • android:textStyle =>可以將文字設定粗或斜體,bold為租體,italic為斜體
  • android:textColor =>設定文字顏色
  • android:gravity =>設定文字對齊方式
  • android:textSize =>設定文字大小

實際操作-小範例

除了在activity_main.xml中的code進行撰寫改變TextView外,在MainActivity.java 程式碼撰寫也是可以做出變化的

  • 第一步宣告元件,並且綁定元件
    https://ithelp.ithome.com.tw/upload/images/20240914/201684545eQGqL9oJg.png
  1. private:用來宣告變數,用法 private 元件名稱 自己取的名稱
  2. findViewById:findViewById(R.id.元件名稱);將介面.xml元件連接Java控制文件的一個關鍵字
  • 接著寫出使我們進行點擊時,想將TextView進行甚麼變化
    https://ithelp.ithome.com.tw/upload/images/20240914/20168454y58Jx7Vsai.png

程式碼介紹

viewTextView.setText => 按下按鈕後,setText顯示文字進行改變
viewTextView.setTextSize => 改變文字大小

  • 可以改變文字顏色的三種方式(記得三選一就好)
  1. viewTextView.setTextColor(0xFFeeee00);
  2. viewTextView.setTextColor(Color.parseColor("#FFFFFF"));
  3. viewTextView.setTextColor(Color.rgb(255, 255, 255));

viewTextView.setBackgroundColor => 改變文字背景顏色

  • 按下或快捷鍵執行app
    https://ithelp.ithome.com.tw/upload/images/20240914/20168454hy7ojx0DB3.png

  • 我們能看到右方出現的手機畫面
    (未點擊)
    https://ithelp.ithome.com.tw/upload/images/20240914/20168454XDyutldBTU.png

(點擊後)
https://ithelp.ithome.com.tw/upload/images/20240914/2016845471nuo3yB4z.png

熟悉之後,就能將TextView改變成自己想要的樣子啦~


上一篇
虛擬手機裝置管理 Day5
下一篇
元件篇-TextView底線、框線與虛線顯示 Day7
系列文
Android 元件總動員 - 運用與實踐元件指南30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言