使用WebView浏览图片
package com.example.photogallery;
import android.annotation.SuppressLint;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.TextureView;
import android.view.View;
import android.view.ViewGroup;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
import android.widget.TextView;
public class PhotoPageFragment extends VisibleFragment {
private String mUrl;
private WebView mWebView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setRetainInstance(true);
mUrl = getActivity().getIntent().getData().toString();
}
@SuppressLint("SetJavaScriptEnabled")
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_photo_page, container,
false);
final ProgressBar progressBar = (ProgressBar) view.findViewById(R.id.progressBar);
progressBar.setMax(100);//WebChromeClient范围在0-100
final TextView titleTextView = (TextView) view.findViewById(R.id.titleTextView);
mWebView = (WebView) view.findViewById(R.id.webView);
// 启用JavaScript
mWebView.getSettings().setJavaScriptEnabled(true);
/**
* 配置WebViewClient.
* WebViewClient是一个事件接口。通过提供自己实现的WebViewClient,可响应各种渲染事件。
* 例如,可检查渲染器何时开始从特定URL加载图片,或决定是否需要向服务器重新提交POST请求。
*/
mWebView.setWebViewClient(new WebViewClient() {
/**
* shouldOverrideUrlLoading方法表示当有新的URL加载到WebView(譬如说点击某个链接),该方法会决定下一步的行动。
* 如返回true值,意即“不要处理这个URL,我自己来”。如返回false值,意即“WebView,去加载这个URL,我不会对他做任何处理。”
*/
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return false;
}
});
/**
* WebChromeClient是一个响应那些改变浏览器中装饰元素的事件接口。
* 这包括JavaScript警告信息、网页图标、状态条加载,以及当前网页标题的刷新。
*/
mWebView.setWebChromeClient(new WebChromeClient(){
@Override
public void onProgressChanged(WebView view, int newProgress) {
if(newProgress == 100){
progressBar.setVisibility(View.INVISIBLE);
}else {
progressBar.setVisibility(View.VISIBLE);
progressBar.setProgress(newProgress);
}
}
@Override
public void onReceivedTitle(WebView view, String title) {
titleTextView.setText(title);
}
});
// 加载URL网页必须等WebView配置完成后进行,因此这一步操作最后完成
mWebView.loadUrl(mUrl);
return view;
}
}
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<WebView
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/titleTextView"
android:layout_alignParentTop="true" />
<TextView
android:id="@id/titleTextView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/progressBar"
android:layout_margin="5dp" />
<ProgressBar
android:id="@id/progressBar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:visibility="invisible" />
</RelativeLayout>
mGridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int pos,
long arg3) {
GalleryItem item = mItems.get(pos);
Uri photoPageUri = Uri.parse(item.getPhotoPageUrl());
//启动默认的浏览器
//Intent intent = new Intent(Intent.ACTION_VIEW, photoPageUri);
Intent intent = new Intent(getActivity(), PhotoPageActivity.class);
intent.setData(photoPageUri);
startActivity(intent);
}
});
处理WebView的设备选择问题
当设备选择时,WebView会重新加载网页。这是因为WebView包含了太多的数据,以至于无法在onSaveInstanceState(…)方法内保存所有数据。
对于一些类似的类(如VideoView),Android文档推荐让activity自己处理设备配置变更。也就是说,无需销毁重建activity可直接调整自己的视图以适应新的屏幕尺寸。这样,WebView也就不必重新加载全部数据。(但着这种方法并不适用于所有视图)。
在清单文件中配置如下:
<activity android:name="com.example.photogallery.PhotoPageActivity" android:configChanges="keyboardHidden|orientation|screenSize">
</activity>
android:configChanges属性表明,如果因键盘开关、屏幕方向改变、屏幕大小改变而发生设备配置更改,那么activity应自己处理配置变更。
注入任意JavaScript对象到WebView本身包含的文档中
使用addJavascriptInterface(Object object, String name)方法可注入任意JavaScript对象到WebView本身包含的文档中。
mWebView.addJavascriptInterface(new Object(){
public void send(String message){
Log.i(TAG, message);
}
}, "androidObject");
然后按如下方式调用:
<input type="button" value="In WebView!"
onClick="sendToAndroid('In Android land')"/>
<script type="text/javascript">
function sendToAndroid(message){
androidObject.send(message);
}
</script>
这可能有风险,因为一些可能的问题网页能够与应用直接接触。安全起见,最好能掌控有问题的HTML,要么严格控制不要暴露自己的接口。