使用SmartImageView控件实现网络图片的浏览

来源:互联网 发布:爱奇艺网络电视机顶盒 编辑:程序博客网 时间:2024/06/06 17:25

**在使用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);    }}

运行模拟器:

这里写图片描述

点击浏览按钮:

这里写图片描述

原创粉丝点击