当前位置:代码狗 > 开发教程 > Android开发教程 > 正文

利用webview将你的博客做成APP

最近在交流群里经常看到有朋友在说将博客做成APP,首先我想到的就是利用webview来实现,毕竟现在的网站几乎都是响应式的,在浏览器里看来和APP区别不大。而且还能实时根据网站的变化而变化,对于APP开发方面的小白来说,这种方法很适合。

实现方法:

创建一个Android工程,如下图所示:

代码狗安卓开发教程

因为我的虚拟机是4.0的,所以我就选4.0的sdk,为了适配更低版本的安卓手机,大家在开发的时候尽量选择比较低的版本。

布局文件如下:(只有一个webview控件)

<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"
 tools:context=".MainActivity" > 
 <WebView android:id="@+id/wv" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" 
 android:layout_x="0.0dip" 
 android:layout_y="0.0dip" 
 android:layout_weight="1.0" /> 
</LinearLayout>

java代码如下:

package com.daimadog.com;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.ProgressDialog;
import android.content.DialogInterface;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.Window;
import android.webkit.WebBackForwardList;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
private WebView wv;
ProgressDialog pd; 
Handler handler; 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 //requestWindowFeature(Window.FEATURE_NO_TITLE);   开启无标题
 setContentView(R.layout.activity_main);
 init();//执行初始化函数 
 loadurl(wv,"http://www.daimadog.com"); //你的域名
 handler =new Handler(){ 
 public void handleMessage(Message msg) 
 {//定义一个Handler,用于处理下载线程与UI间通讯 
 if (!Thread.currentThread().isInterrupted()) 
 { 
 switch (msg.what) 
 { 
 case 0: 
 pd.show();//显示进度对话框 
 break; 
 case 1: 
 pd.hide();//隐藏进度对话框,不可使用dismiss()、cancel(),否则再次调用show()时,显示的对话框小圆圈不会动。 
 break; 
 } 
 } 
 super.handleMessage(msg); 
 } 
 }; 
 }

 public void init(){//初始化 
 wv=(WebView)findViewById(R.id.wv); 
 wv.getSettings().setJavaScriptEnabled(true);//可用JS 
 wv.setScrollBarStyle(0);//滚动条风格,为0就是不给滚动条留空间,滚动条覆盖在网页上 
 wv.setWebViewClient(new WebViewClient(){ 
 public boolean shouldOverrideUrlLoading(final WebView view, final String url) { 
 loadurl(view,url);//载入网页 
 return true; 
 }//重写点击动作,用webview载入 

 }); 
 wv.setWebChromeClient(new WebChromeClient(){ 
 public void onProgressChanged(WebView view,int progress){//载入进度改变而触发 
 if(progress==100){ 
 handler.sendEmptyMessage(1);//如果全部载入,隐藏进度对话框 
 } 
 super.onProgressChanged(view, progress); 
 } 
 }); 

 pd=new ProgressDialog(MainActivity.this); 
 pd.setProgressStyle(ProgressDialog.STYLE_SPINNER); 
 pd.setMessage("数据载入中,请稍候!"); 
 } 
 public boolean onKeyDown(int keyCode, KeyEvent event) {//捕捉返回键 
 if ((keyCode == KeyEvent.KEYCODE_BACK) && wv.canGoBack()) { 
 wv.goBack(); 
 return true; 
 }else if(keyCode == KeyEvent.KEYCODE_BACK){ 
 ConfirmExit();//按了返回键,但已经不能返回,则执行退出确认 
 return true; 
 } 
 return super.onKeyDown(keyCode, event); 
 } 
 public void ConfirmExit(){//退出确认 
 AlertDialog.Builder ad=new AlertDialog.Builder(MainActivity.this); 
 ad.setTitle("退出"); 
 ad.setMessage("是否退出软件?"); 
 ad.setPositiveButton("是", new DialogInterface.OnClickListener() {//退出按钮 
 @Override 
 public void onClick(DialogInterface dialog, int i) { 
 // TODO Auto-generated method stub 
 MainActivity.this.finish();//关闭activity 

 } 
 }); 
 ad.setNegativeButton("否",new DialogInterface.OnClickListener() { 
 @Override 
 public void onClick(DialogInterface dialog, int i) { 
 //不退出不用执行任何操作 
 } 
 }); 
 ad.show();//显示对话框 
 } 
 public void loadurl(final WebView view,final String url){ 
 new Thread(){ 
 public void run(){ 
 handler.sendEmptyMessage(0); 
 view.loadUrl(url);//载入网页 
 } 
 }.start(); 
 } 
 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
 // Inflate the menu; this adds items to the action bar if it is present.
 getMenuInflater().inflate(R.menu.main, menu);
 return true;
 }

}

最后别忘了在AndroidManifest.xml文件中加入联网权限:

<uses-permission android:name="android.permission.INTERNET"/>

效果图如下:

代码狗安卓开发教程

代码狗安卓开发教程

代码狗安卓开发教程

大家可以看到上面的演示图中有一条标题,一个机器人+代码狗博客客户端,在java代码加载布局文件之前加入下面代码即可开启无标题栏,如下图效果:

requestWindowFeature(Window.FEATURE_NO_TITLE);

代码狗安卓开发教程

这样一个利用webview制作的简单APP客户端就算完成了。我是用不惯这种APP的,还不如直接使用浏览器呢,也就骗骗小白。如果不满意这样的效果的,还有网站不是响应式的请关注代码狗接下来的教程,纯java代码实现安卓客户端,绝不是webview这种取巧的方法。

代码打包好了,需要的去下载吧。

感觉很棒!可以赞赏支持我哟~

赞(0) 打赏

评论 抢沙发

×

请作者吃根烤肠!

支付宝