iT邦幫忙

2021 iThome 鐵人賽

DAY 7
1
自我挑戰組

Android 初新者系列 第 7

Day7 - TextView(一)

  • 分享至 

  • xImage
  •  

TextView喜蝦密東西勒??
其實就是程式一開始"Hello World!"那個元件
主要是做文字顯示用
今天就來看TextView的基本用法

開始

  • 一開始先到xml檔Design頁面,我們可以看到左下角有一個Component Tree的欄位,裡面會顯示目前拉的元件有那些,這裡會看一個我們今天介紹的TextView在裡面,點擊它右邊Attributes欄會變成所點選TextView的各種屬性,可以在這裡進行修改
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769DgefP4cSHP.png
    或是
  • 到xml檔的Code頁面,找到TextView元件進行設計
    https://ithelp.ithome.com.tw/upload/images/20210914/201417690LklGmATuw.png

修改文字內容

  • 方法一: 在Design頁面點選TextView元件後,在Attributes欄找到text的屬性,直接修改text的值
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769K1xxP6ebwm.png
    執行結果:
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769inWqqdrLby.png
  • 方法二: 到Code頁面找到TextView元件,把 android:text="" 後面引號裡改成想顯示的文字
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769QwA9CY3X6K.png
    執行結果:
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769inWqqdrLby.png
  • 方法三: 透過程式碼修改文字。先設定好TextView的id,然後到java檔打程式碼
    設定id
    (Design頁面)
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769LELjJAvfzS.png
    (Code頁面)
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769CQKvuQHydj.png
    到MainActivity.java
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769UzEWMWlIzG.png
    下面那行透過findViewById去抓TextView的元件(後面R.id.xxx,xxx為你剛剛設的id)
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769JxMzsqZFUz.png
    下面就是設定我要的文字拉
    https://ithelp.ithome.com.tw/upload/images/20210914/201417692DH1ZsvcMK.png
    執行結果:
    https://ithelp.ithome.com.tw/upload/images/20210914/20141769efaAOgs2fI.png

上一篇
Day6 - Hello World!!!
下一篇
Day8 - TextView(二)
系列文
Android 初新者30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言