联网查看图片的Demo

原创 2015年07月10日 15:40:15

刚刚学习完Android数据存储和访问做了一个联网查看图片的小案例。

效果图如下:

为什么通过子线程加载图片?

分析:    由于网络连接需要很长的时间,才能返回页面的内容。如果此连接动作直接在主线程,也就是UI线程中处理,
  整个程序处于很长的一个等待状态,这样造成用户体验不好,为了解决这个问题,必须把这个任务放置到单独线程中运行,即建一个子线程,避免阻塞UI线程,这样就不会对主线程有任何影。还加快了图片的加载速度。

步骤1

分析:
  首先需要写一个布局文件,一个ImageView用于存放图片显示的位置,一个EditText用于填写图片的URL地址,一个Button按钮,用于事件处理。

代码如下:

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/ivImage"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1" />

    <EditText
        android:id="@+id/etImageUrl"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="请输入图片的地址"
        android:text="http://avatar.csdn.net/C/9/A/1_yf210yf.jpg" />

    <Button
        android:id="@+id/btnView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@drawable/button_bg"
        android:onClick="viewImage"
        android:text="浏览" />

</LinearLayout>


 

步骤2

分析:
  在MainActivity.java中创建一个子线程,通过这个子线程来获取图片。
  当一个程序第一次启动时,Android会同时启动一个对应的主线程(Main
  Thread),主线程主要负责处理与UI相关的事件。子线程不能单独处理获UI相关的事件
  ,那么必须借助Handler来更新界面。为此,在界面
Activity中创建一个Handler对象,并在handleMessage()中更新UI。 MainActivity.java

package com.bzu.gxs;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.text.TextUtils;
import android.view.Menu;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;
public class MainActivity extends Activity {
    private EditText etImageUrl;
    private ImageView ivImage;
    public static final int SHOWIMAGE=1;
    public static final int SHOWFAIL=0;
    // Handler 处理事件
    private Handler handler=new Handler(){
        public void handleMessage(android.os.Message msg) {
            switch (msg.what) {
            case SHOWIMAGE:
                Bitmap bitmap=(Bitmap) msg.obj;
                ivImage.setImageBitmap(bitmap);
                break;

            case SHOWFAIL:
                ivImage.setImageResource(R.drawable.button_bg);
                Toast.makeText(MainActivity.this, "显示图片失败", Toast.LENGTH_LONG).show();
                break;

            default:
                break;
            }
        };
    };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initViews();
        ivImage.setImageResource(R.drawable.button_bg);
    }
    // 查找的ID
    private void initViews() {
       etImageUrl=(EditText) findViewById(R.id.etImageUrl);
       ivImage=(ImageView) findViewById(R.id.ivImage);
    }

    // 按钮点击事件
    public void viewImage(View view){
        final String imageUrl=etImageUrl.getText().toString();
        if(TextUtils.isEmpty(imageUrl)){
            Toast.makeText(this, "图片路径不能为空", Toast.LENGTH_LONG).show();
        }else{
            new Thread(){
                    public void run() {
                        try {
                            URL url=new URL(imageUrl);
                            HttpURLConnection httpURLConnection=(HttpURLConnection) url.openConnection();
                            httpURLConnection.setRequestMethod("GET");
                            httpURLConnection.setConnectTimeout(5000);
                            int responseCode=httpURLConnection.getResponseCode();
                            if(responseCode==200){
                                InputStream inputStream=httpURLConnection.getInputStream();
                                Bitmap bitmap=BitmapFactory.decodeStream(inputStream);
                                Message message=new Message();
                                message.what=SHOWIMAGE;
                                message.obj=bitmap;
                                //ivImage.setImageBitmap(bitmap);
                                handler.sendMessage(message);
                            }else{
                                Message message=new Message();
                                message.what=SHOWFAIL;
                                handler.sendMessage(message);
                            }
                        } catch (MalformedURLException e) {
                            e.printStackTrace();
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                }
            }.start();
        }
    }
}


 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

联网查看图片的Demo

学习完Android数据存储和访问做了一个联网查看图片的小案例。效果图如下:源码下载地址:https://coding.net/u/gxs1225/p/InternetImageView/git问什么...

联网查看图片的Demo

1、运行效果图 因为 需要联网,所以要在AndroidManifest.xml中加上联网权限,不然会出现错误。 2.目的:通过子线程联网看照片 3.步骤: 4.xml布局: <Relat...

联网查看图片

因为需要联网,所以要在 AndroidManifest.xml 中加上联网的权限。 android 4.x的系统中,网络线程不允许出现在主线程上(主线程一般又叫UI线程,顾名思义主线程应该是负责UI...

Android实例demo14之查看网络图片、根据编码格式查看html

和IOS类似,android中的UI界面更新也只能在主线程中操作。 所以android访问网络图片可以分为下面几个步骤: (1)     private Bitmap getbitmapfromne...

TSP车联网demo

  • 2013-01-31 11:27
  • 305KB
  • 下载

简单图库软件的实现(联网下载图片保存到sdcard在Listview中展示,并作为ContentProvider为其他软件提供图库数据)

这就是一个可以联网的图库软件,下面我们来看看需求业务需求1.判断是否第一次运行,第一次运行,提示添加新条目2.点击添加按钮,弹出对话框,输入图片网址和标题3.下载图片保存到本地SD卡中4.数据库中保存...

物联网技术上位机软件Demo

  • 2014-08-21 16:04
  • 8.41MB
  • 下载

检查计算机联网状态Demo

  • 2017-05-22 14:39
  • 67KB
  • 下载

物联网平台机智云Android开源框架入门之旅(二)详细分析在设备列表的代码块,如何修改设备默认图片。

欢迎来到物联网平台机智云Android开源框架入门之旅本套博客系列教程由物联网“非机智云工作人员”发烧友 半颗心脏 潜心所力原创,以下是本系列博客目录: 第一篇:认识开源框架结构,导入PK、APP的i...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)