使用SmartImageView控件實作網絡圖檔的浏覽

**在使用SmartImageView之前要先下載下傳它的源代碼，登入https://github.com/loopj/android-smart-image-view 下載下傳android-smart-image-view-1.0.0.jar然後将SmartImageView的源代碼引入到自己的項目中。

建立一個ImageViewDemo項目，把android-smart-image-view-1.0.0.jar複制到項目的libs下，一定不要忘記右擊Add as library，然後下面會出現兩個包。**

下面就需要修改代碼了，首先在activity_main.xml中添加一個SmartImageView控件：**

<com.loopj.android.image.SmartImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/siv"
       />
           

完整代碼為：

<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/iv"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
       />


    <EditText
        android:id="@+id/et_path"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="請輸入圖檔路徑"
        android:text="http://b.hiphotos.baidu.com/image/w%3D310/sign=8671be31b8a1cd1105b674218913c8b0/ac4bd11373f082022402cb3e49fbfbedab641b1a.jpg"
        android:maxLines="1" />

     <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:onClick="click"
        android:text="浏覽" />

    <com.loopj.android.image.SmartImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/siv"
       />


</LinearLayout>
           

在MainActivity中使用SmartImageView控件的代碼如下：

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        et_path = (EditText) findViewById(R.id.et_path);
    }

    public void click(View view) {
        SmartImageView siv = (SmartImageViewfindViewById(R.id.siv);
        siv.setImageUrl(et_path.getText().toString().trim(), R.mipmap.ic_launcher, R.mipmap.ic_launcher);
     }
           

完整代碼為：

package cn.edu.bzu.imageviewdemo;


import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;
import android.widget.EditText;

import com.loopj.android.image.SmartImageView;
public class MainActivity extends AppCompatActivity {


    private EditText et_path;



    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        et_path = (EditText) findViewById(R.id.et_path);


    }

    public void click(View view) {
        SmartImageView siv = (SmartImageView) findViewById(R.id.siv);
        siv.setImageUrl(et_path.getText().toString().trim(), R.mipmap.ic_launcher, R.mipmap.ic_launcher);

    }
}

           

運作模拟器：

點選浏覽按鈕：