您好,登錄后才能下訂單哦!
我們?cè)谏暇W(wǎng)的過(guò)程中經(jīng)常看到各種圖片,那你知道它是如何實(shí)現(xiàn)的嗎?接下來(lái)就讓我們一塊探討一下。
網(wǎng)絡(luò)圖片的瀏覽可以分為倆部分,基本的頁(yè)面布局與界面交互,讓我們一步步的來(lái)編寫。
基本布局很簡(jiǎn)單,只需要有一個(gè)輸入圖片鏈接的EditText,一個(gè)瀏覽按鈕,一個(gè)ImageView就差不多了。下面是簡(jiǎn)單代碼。
<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="請(qǐng)輸入圖片路徑" android:maxLines="1" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:onClick="click" android:text="瀏覽" /> </LinearLayout>
值得注意的是這里面的weight不是權(quán)重,而是渲染優(yōu)先級(jí),weight越大,優(yōu)先級(jí)越低。
最重要的自然是界面交互,輸入圖片的指定地址,便可以將服務(wù)器返回的圖片展示在界面上,具體如下
package cn.edu.bzu.imageviewdemo; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.support.v7.app.AppCompatActivity; 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, "顯示圖片錯(cuò)誤", 0).show(); } }; }; 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, "圖片路徑不能為空", Toast.LENGTH_SHORT).show(); } else { new Thread() { public void run() { try { URL url = new URL(path); //創(chuàng)建URL對(duì)象 HttpURLConnection conn = (HttpURLConnection) url .openConnection(); // 設(shè)置請(qǐng)求的方式 conn.setRequestMethod("GET"); //設(shè)置超時(shí)時(shí)間 conn.setConnectTimeout(5000); int code = conn.getResponseCode(); if (code == 200) { InputStream is = conn.getInputStream(); Bitmap bitmap = BitmapFactory.decodeStream(is); //iv.setImageBitmap(bitmap); 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; handler.sendMessage(msg); } }; }.start(); } } }
核心之處便是通過(guò)URL對(duì)象獲取HttpURLConnection,獲取服務(wù)器返回的輸入流
這便是簡(jiǎn)單的測(cè)試結(jié)果。有問(wèn)題歡迎評(píng)論交流!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。