刚刚学习完Android数据存储和访问做了一个联网查看图片的小案例。
效果图如下:
注意:
因为需要联网,所以要在 AndroidManifest.xml 中加上联网的权限,不加会报错的呦!
<uses-permission android:name="android.permission.INTERNET"/>
为什么通过子线程加载图片?
分析: 由于网络连接需要很长的时间,才能返回页面的内容。如果此连接动作直接在主线程,也就是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.javapackage 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(); } } }