Android 웹 이미지 브 라 우 저 구현

본 논문 의 사례 는 안 드 로 이 드 웹 이미지 브 라 우 저의 제작 과정 을 공유 하 였 으 며,여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
1.'웹 이미지 브 라 우 저의 응용 프로그램'을 만 들 고 사용자 의 상호작용 인터페이스,'웹 이미지 브 라 우 저'에 대응 하 는 레이아웃 파일(activitymain.xml)코드 는 다음 과 같 습 니 다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/activity_main"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:paddingBottom="@dimen/activity_vertical_margin"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:orientation="vertical"
 android:paddingTop="@dimen/activity_vertical_margin"

 tools:context="com.example.bz0209.myapplication.MainActivity">
 <ImageView
 android:layout_weight="1000"
 android:id="@+id/iv"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 />
 <EditText
 android:singleLine="true"
 android:id="@+id/et_path"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="http://b.hiphotos.baidu.com/image/w%3D310/sign=a439f5b24510b912bfc1f0fff3fdfcb5/83025aafa40f4bfb92c52c5d014f78f0f73618a5.jpg"
 android:hint="       "
 />
 <Button
 android:onClick="click"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:text="  "
 />
</LinearLayout>

효과 도 는 다음 과 같다.

2.인터페이스 인 터 랙 션 코드(MainActivity)를 작성 합 니 다.인터페이스 가 만들어 지면 MainActivity 에서 인터페이스 와 상호작용 하 는 코드 를 작성 해 야 합 니 다.지정 한 주 소 를 요청 하 는 네트워크 그림 을 구현 하고 서버 가 돌아 온 그림 을 인터페이스 에 보 여 줍 니 다.구체 적 인 코드 는 다음 과 같다.

package com.example.bz0209.myapplication;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;

import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;

public class MainActivity extends AppCompatActivity {
 protected static final int CHANGE_UI=1;
 protected static final int ERROR=2;
 private EditText et_path;
 private ImageView iv;
 //         
 private Handler handler=new Handler(){
 public void handleMessage(android.os.Message msg){
  if (msg.what==CHANGE_UI){
  Bitmap bitmap=(Bitmap)msg.obj;
  iv.setImageBitmap(bitmap);
  }else if (msg.what==ERROR){
  Toast.makeText(MainActivity.this,"      ",0).show();
  }
 }

 };

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 et_path=(EditText)findViewById(R.id.et_path);
 iv=(ImageView) findViewById(R.id.iv);
 }
 public void click(View view){
 final String path=et_path.getText().toString().trim();
 if (TextUtils.isEmpty(path)){
  Toast.makeText(this,"        ",0).show();
 }

 else {
  //       ，Android 4.0              
  new Thread(){
  private HttpURLConnection conn;
  private Bitmap bitmap;
  public void run(){
   //     get  ，    
   try{
   //  URL  
   URL url =new URL(path);
   conn=(HttpURLConnection) url.openConnection();
   conn.setRequestMethod("GET");
   conn.setConnectTimeout(5000);
   conn.setRequestProperty("User-Agent","Mozilla/4.0 (compatib;MSIE 6.0;Window NT 5.1;"+"SV1;" +
    ".NET4.0C;.NET4.0E;NET CLK 2.0.50727;"+".NET CLR 3.0..4506.2152;.NET CLR 3.5.30729; Shuame )");
   int code=conn.getResponseCode();
   if(code==200){
    InputStream is=conn.getInputStream();
    bitmap= BitmapFactory.decodeStream(is);
    Message msg=new Message();
    msg.what=CHANGE_UI;
    msg.obj=bitmap;
    handler.sendMessage(msg);
   }
   else {
    Message msg=new Message();
    msg.what=ERROR;
    handler.sendMessage(msg);

   }

   }catch (Exception e){
   e.printStackTrace();
   Message msg=new Message();
   msg.what=ERROR;

   }
  }
  }.start();
 }
 }
}

3.권한 추가:웹 이미지 브 라 우 저 는 네트워크 를 요청 해 야 하기 때문에 목록 파일 에 해당 하 는 권한 을 설정 해 야 합 니 다.구체 적 인 작업 은 다음 그림 과 같 습 니 다.

4.탐색 그림 을 실행 합 니 다.결과 그림 은 다음 과 같 습 니 다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.