[教學] Android studio - ImageView @ 一個小小工程師的心情抒發天地

ImageView

常用屬性
加載網路圖片

常用屬性

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="15dp">

    <ImageView
        android:id="@+id/iv_1"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:background="#FF9900"
        android:src="@drawable/prayfoxy"
        android:scaleType="fitXY"/>

    <ImageView
        android:id="@+id/iv_2"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:background="#FF9900"
        android:src="@drawable/prayfoxy"
        android:scaleType="fitCenter"
        android:layout_below="@id/iv_1"/>

    <ImageView
        android:id="@+id/iv_3"
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:background="#FF9900"
        android:src="@drawable/prayfoxy"
        android:scaleType="centerCrop"
        android:layout_below="@id/iv_2"/>


    <ImageView
        android:id="@+id/iv_4"
        android:layout_width="300dp"
        android:layout_height="200dp"
        android:background="#FF9900"
        android:scaleType="centerCrop"
        android:layout_below="@id/iv_3"
        android:layout_marginTop="10dp"/>


</RelativeLayout

※補充:

ScaleType

fitXY: 撐滿整個Control, 寬高比可能會發生改變。

fitCenter:保持寬高比縮放，直至能完全顯示。

CenterCrop:保持寬高比縮放，直至完全覆蓋Control，裁剪顯示。

加載網路圖片

Step1 . 加載lib

    <uses-permission android:name="android.permission.INTERNET"/>

要加上這一行，才能去網路上抓資料。

https://github.com/bumptech/glide

Step2. ImageViewActivity.java

package vision.google.com.camera;



import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.widget.ImageView;



import com.bumptech.glide.Glide;





public class ImageViewActivity extends AppCompatActivity {





    private ImageView m_Iv4;





    @Override

    protected void onCreate(Bundle savedInstanceState)

    {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_image_view);





        m_Iv4 = (ImageView)findViewById(R.id.iv_4);



        Glide.with(this).load("https://goo.gl/a3UGqv").into(m_Iv4);



    }

}