為了讓App界面更美觀生動(dòng)，我們可以放上圖片。 顯示圖片是“剛需”。不論是書籍，報(bào)紙，網(wǎng)站，都有顯示圖片的需求。畢竟“無圖無真相”。 在 Android 應(yīng)用開發(fā)中，我們通常使用 ImageView 來顯示圖片。

ImageView的主要屬性

ImageView的使用

ImageView經(jīng)常用來顯示圖片。例如直接顯示drawable里的圖片資源。 ImageView顯示的是Drawable對(duì)象。

src 與 backGround 的區(qū)別

在 layout xml 中，我們先來看一下 src 與 backGround 的區(qū)別。

• backGround 是 View（ImageView是View的子類）的背景，會(huì)把圖片拉大鋪滿整個(gè)View。
• src 是 ImageView 的屬性，接受要展示的圖片資源。

為方便后續(xù)表述，先給ImageView指定一個(gè)style，統(tǒng)一大小。再設(shè)置一個(gè)默認(rèn)背景顏色。

<style name="IvDemo1">
    <item name="android:layout_width">100dp</item>
    <item name="android:layout_height">80dp</item>
    <item name="android:background">#929292</item>
    <item name="android:layout_marginTop">4dp</item>
</style>

在 drawable目錄中增加一張圖片。圖片的寬長(zhǎng)比和 style 設(shè)置的不一樣。方便我們查看圖片效果。

在示例 xml 中，展示 src 與 backGround 的區(qū)別。

<ImageView
    style="@style/IvDemo1"
    android:background="@drawable/pic_2_robots" />

<ImageView
    style="@style/IvDemo1"
    android:layout_marginStart="20dp"
    android:src="@drawable/pic_2_robots" />

效果：

左邊是設(shè)置為了background，可以看到圖片被拉伸鋪滿了整個(gè)ImageView。 而且圖片有一點(diǎn)變形。那是因?yàn)閳D片的寬長(zhǎng)比和 ImageView 的寬長(zhǎng)比不一致。

右邊設(shè)置了src，可以看到圖片并沒有鋪滿。右邊圖片的顯示方式，就是我們接下來要介紹的 scaleType。

scaleType，圖片顯示方式

設(shè)置了src后，再設(shè)置scaleType，能確定圖片的顯示效果。

 <ImageView
    style="@style/IvDemo1"
    android:scaleType="fitXY"
    android:src="@drawable/pic_2_robots" />

實(shí)際上，src除了用drawable里的資源，也可以用mipmap。

<ImageView
    style="@style/IvDemo1"
    android:layout_marginStart="20dp"
    android:scaleType="center"
    android:src="@mipmap/ic_launcher" />

scaleType取值:

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

帶有“fit”字樣的，會(huì)顯示圖片的全部?jī)?nèi)容。 fitStart，fitCenter，fitEnd 圖片會(huì)按原比例顯示。 圖片會(huì)往指定的方向靠攏。 fitXY會(huì)拉伸圖片，鋪滿整個(gè)ImageView。

center，centerCrop，centerInside 都是盡可能顯示圖片的中間部分。

• center 不縮放圖片，如果圖片比 ImageView 大，則會(huì)顯示圖片中間的部分。
• centerCrop，盡可能多的顯示圖片的中間部分。
• centerInside，把圖片放到中間去顯示，不會(huì)嘗試鋪滿ImageView。

matrix 把圖片鋪在ImageView左上角，并且不縮放圖片。

設(shè)置圖片透明度，alpha

設(shè)置 alpha 值，能改變整個(gè) ImageView 的透明度。

 <ImageView
    style="@style/IvDemo1"
    android:layout_marginStart="20dp"
    android:alpha="0.9"
    android:scaleType="fitCenter"
    android:src="@drawable/pic_2_robots" />

例子：

最后分享一份

【騰訊技術(shù)團(tuán)隊(duì)出品】Android零基礎(chǔ)入門到精通，Android Studio安裝教程+全套安卓基礎(chǔ)教程

Android編程入門教程

Java語(yǔ)言基礎(chǔ)從入門到熟悉

Kotlin語(yǔ)言基礎(chǔ)從入門到熟悉

Android 技術(shù)棧從入門到熟悉

Android Jetpack 全家桶全面學(xué)習(xí)

對(duì)于新手來說可能安裝Android Studio存在一定困難你可以看著以下視頻，一步步的跟著學(xué)習(xí)安裝運(yùn)行

Android Studio 安裝教程

有了Java階段的學(xué)習(xí)，這一階段建議以視頻學(xué)習(xí)為主輔以圖書查漏補(bǔ)缺。如果以圖書為主，可以根據(jù)圖書講解敲代碼，輔以教學(xué)視頻查漏補(bǔ)缺。遇到問題可以去百度，入門的問題一般會(huì)有很多人遇到，并且給出比較好的解答。

需要掌握基本知識(shí)點(diǎn)，比如四大組件如何使用、如何創(chuàng)建Service、如何進(jìn)行布局、簡(jiǎn)單的自定義View、動(dòng)畫、網(wǎng)絡(luò)通信等常見技術(shù)。

全套零基礎(chǔ)教程已經(jīng)為你們準(zhǔn)備好了，需要的可以添加下方二維碼免費(fèi)領(lǐng)取

全套安卓基礎(chǔ)教程

文章來源地址http://www.zghlxwxcb.cn/news/detail-768847.html

到了這里，關(guān)于Android入門教程 | ImageView 圖片顯示的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！