iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 6
0
Mobile Development

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

Android Studio - 元件介紹(textView)

  • 分享至 

  • xImage
  •  

TextView

TextView是用來顯示給使用者看的,但不能被使用者修改,通常用來提示或告知,很像label的概念,若要給使用者可以更改的話會選擇使用EditText,之後也會介紹到它。

來看看實際的效果~以下是我的程式碼:

  <TextView
      android:layout_width="100dp"
      android:layout_height="80dp"
      android:text="哈囉"
      android:textSize="40sp"
      android:textColor="#FFECF5"
      android:background="#B15BFF"
      android:textStyle="bold|italic" />

  • textSize:文字所使用的單位是sp(Scale Independent Pixels)和長度寬度的單位dp(Density- Independent Pixels)不太一樣。
  • textColor:我通常會查詢色碼表來找我需要的顏色例如#000000黑色。另一個方式是使用android:textColor="@color/顏色名稱,但這個方法的話需要到res/values/color.xml新增程式碼
    <resources>
      <color name="colorPrimary">#6200EE</color>
      <color name="colorPrimaryDark">#3700B3</color>
      <color name="colorAccent">#03DAC5</color>
      <color name="pink">#FFECF5</color> //我自己新增的粉紅色
    </resources>```
    
    

這可以讓之後再用到一樣的顏色更方便,也易於管理,因為能統一改顏色。

  • background:背景顏色,使用方法同上。
  • textStyle:讓文字設成粗體或斜體,我使用"bold|italic"是利用 |(and) 讓粗體斜體同時使用

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

尚未有邦友留言

立即登入留言