ImageView 圖片元件 － 顯示本地端圖片

【Android 入門指南】系列文章目錄：https://bit.ly/3TFgCzu

Android 線上課程教學影片：https://bit.ly/433Offj

課程摘要

本課程學習如何在 Kotlin 程式碼檔案中，設定 ImageView 圖片元件，顯示本地端圖片。

教學影片

若您無法順利觀看教學影片，請先登入您的 YouTube 帳號，然後點擊以下連結加入我們的頻道會員：

• 一般會員：成為一般會員後，您將能夠觀看我們所提供的一般會員專屬線上課程。
• 精實會員：成為精實會員後，您將能夠觀看我們所提供的精實會員專屬線上課程。

ImageView 圖片元件

ImageView 元件，主要用來呈現圖片。

程式碼範例

範例名稱：ImageView 圖片元件
作者：HKT (侯光燦)
授權範圍：使用時必須註明出處且不得為商業目的之使用
範例下載點：點我下載

可以隨意找一張圖片素材，並將圖片檔名，命名為 logo ，然後放到路徑「app/res/drawable」。或是使用範例圖片:

activity_main.xml

使用 XML 佈局文件，設定元件，方式：

<ImageView
    android:id="@+id/myImageView"
    android:src="@drawable/logo"
    ...
    .../>

MainActivity.kotlin

使用 Kotlin 程式碼，當點擊 ImageView 顯示特定提示訊息

binding.myImageView.setOnClickListener {
    Toast.makeText(this, "HKT線上教室", Toast.LENGTH_SHORT).show()
}

常用屬性

scaleType 延伸屬性

• center
• centerCrop
• centerInside
• fitCenter
• fitXY
• fitStart
• fitEnd