第一步、在布局文件中使用webView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
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_login"
android:layout_width="match_parent"
android:layout_height="match_parent">
</WebView>
</LinearLayout>
第二步、切换到Project模式,在src的main目录下 ===》New ===》Folder ==》Assets Folder
这样就创建好了assets文件夹
将下载模板中的文件拷贝到assets文件夹下
第三步、打开html文件,更改css和js的路径,路径格式为 "file:///android_asset/......."
例如:
<link type="text/css" rel="stylesheet" href="file:///android_asset/skin/css/basic.css" />
<script type="text/javascript" src="file:///android_asset/skin/js/jquery1.7.2.min.js">
</script>
第四步、在Activity中添加代码
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
WebView webView=(WebView)findViewById(R.id.wv_login);
String url="file:///android_asset/mylogin.html";
webView.setWebViewClient(new WebViewClient());
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl(url);
//自适应屏幕
webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
webView.getSettings().setLoadWithOverviewMode(true);
}
}