[Android]利用ImageView 在畫面上顯示圖片 @ 歡笑的背後是看不見的悲傷

之前有朋友在問說要怎麼在畫面上放圖片
說要整理一下結果到現在都還沒有結果......QQ
趁最近論文投稿後的短暫空檔趕快來兌現一下XD

以下會利用三種方式在畫面中載入圖片

首先把兩張圖片放到專案資料夾中
前兩種方式會使用到

project

再來是layout/main.xml
新增三個ImageView


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:maxHeight="100dp"
        android:maxWidth="100dp"
        android:src="@drawable/ie" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:maxHeight="100dp"
        android:maxWidth="100dp"
        android:layout_below="@+id/imageView1"
        android:layout_marginTop="10dp" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:maxHeight="100dp"
        android:maxWidth="100dp"
        android:layout_below="@+id/imageView2"
        android:layout_marginTop="10dp" />

</RelativeLayout>

【第一種方式】

如上面main.xml的imageView1
利用android:src屬性
讀取res/drawable中的圖片

或者在Graphic Layout 畫面中
以右鍵點選ImageView1，選Edit src
就會有選單可以選專案內的圖片了

【第二種方式】

利用ImageView類別的方法
將res/drawable 中的圖片載入


public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        findViews();
        secondImage.setImageResource(R.drawable.firefox);    
    }
    
    private ImageView secondImage;
    
    private void findViews() {
        secondImage = (ImageView) findViewById(R.id.imageView2);
    }
}

【第三種方式】

這可以用網址(url)抓到圖片再顯示出來喔~


public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        findViews();
        
        thirdImage.setImageDrawable(loadImageFromURL("http://cdn.inside.com.tw/wp-content/uploads/2012/05/Chrome.jpg"));      
    }
    
    private ImageView thirdImage;
    
    private void findViews() {
        thirdImage = (ImageView) findViewById(R.id.imageView3);
    }
    
    private Drawable loadImageFromURL(String url){
        try{
            InputStream is = (InputStream) new URL(url).getContent();
            Drawable draw = Drawable.createFromStream(is, "src");
            return draw;
        }catch (Exception e) {
            //TODO handle error
            Log.i("loadingImg", e.toString());
            return null;
        }
    }
}

最後的結果就像這樣啦
第三張圖片因為是從網路上抓的
大小有點不受控制QQ