Android第十讲笔记（WebView，SharedPreferences）
16lz
2022-05-24
目录
- 1.WebView
-
- 1.WebView概述
- 2.准备工作
- 3.加载本地网页
-
- 1.新建一个assets文件夹
- 2.写一个html文件
- 3.改写代码
- 4.流行框架
-
- 1.MUI
- 2.uniapp
- 3.javascript开发+原生渲染
-
- 1.React Native
- 2.Weex-基于Vue.js
- 3.Flutter
- 2.SharedPreferences
-
- 1.概述
- 2.SharedPreferences的使用方法
- 3.QQ登陆简单demo实现
-
- 1.创建Activity
- 2.启动跳转页面
- 3.登陆页面
- 4.主界面
1.WebView
1.WebView概述
背景
手机QQ中打开网页
可以在app里面 访问网页
微信公众号
上述这些案例都是在手机的应用程序上实现了网页的插入。如何实现这些功能呢，就是WebView，它能用来显示网页。
Android WebView在Android平台上是一个特殊的View，它能用来显示网
页，这个WebView类可以被用来在app中仅仅显示一张在线的网页，当 然还可以用来开发浏览器。
WebView内部实现是采用渲染引擎(WebKit)来展示view的内容，提供网 页前进后退、网页放大、缩小、搜索等功能。
WebView是一个基于WebKit引擎、展现Web页面的控件，Android的
WebView在低版本和高版本采用了不同的WebKit版本内核。
Android的Webview在低版本和高版本采用了不同的webkit版本内核，
4.4后直接使用了Chrome。
WebView的优点：
1.对于不同系统ios和Android，我们实现同一个功能需要写两种方法实现、但是通过写一个网页然后再用webview来加载的话就只需要写一个登录界面，也就是说减少了一半的工作量。
2.开发的内容可以随时修改，只需修改网页上的内容即可。
WebView的缺点：性能比不上Android原生实现
而现在的Androd开发，只在少量页面中用网页来实现。
2.准备工作
添加权限
<uses-permission android:name="android.permission.INTERNET" /><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />添加WebView在activity_main.xml中
MainActivity.java代码
package com.hnucm.android_0514;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;import android.webkit.WebView;public class MainActivity extends AppCompatActivity { WebView webview; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webview = findViewById(R.id.webview); webview.loadUrl("https://blog.csdn.net/ladiez?type=blog"); }}如果网页是http请求头，Android会自动打开手机默认浏览器。
解决方法:改写上述代码
webView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } });但是这样出来的页面
可以发现，页面的布局等等都不好看，而且无法点击
这个时候，我们需要加入配置的代码
WebSettings webSettings = webView.getSettings();//如果访问的页面中要与Javascript交互，则webview必须设置支持Javascript webSettings.setJavaScriptEnabled(true);//设置自适应屏幕，两者合用 webSettings.setUseWideViewPort(true); //将图片调整到适合webview的大小 webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小//自适应屏幕 webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小//缩放操作 webSettings.setSupportZoom(true); //支持缩放，默认为true。是下面那个的前提。 webSettings.setBuiltInZoomControls(true); //设置内置的缩放控件。若为false，则该WebView不可缩放 webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件//其他细节操作 webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //关闭webview中缓存 webSettings.setAllowFileAccess(true); //设置可以访问文件 webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 webSettings.setLoadsImagesAutomatically(true); //支持自动加载图片 webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式//优先使用缓存 webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//缓存模式如下：//LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据//LOAD_DEFAULT: （默认）根据cache-control决定是否从网络上取数据。//LOAD_NO_CACHE: 不使用缓存，只从网络获取数据.//LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据//不使用缓存 webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);再次运行
3.加载本地网页
1.新建一个assets文件夹
里面用来存放html页面
2.写一个html文件
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documenttitle>head><body><h1>1h1><h2>2h2><input type="submit" value="提交">body>html>放进assets
3.改写代码
webView.loadUrl("file:///android_asset/test.html");
展示结果
可以看到，我们的AndoridAPP中展示了我们写好的html网页
4.流行框架
以下为推荐的框架，具体要了解可以进入官网查看。我需要的框架在后续会继续写博客记录。
1.MUI
https://dev.dcloud.net.cn/mui/
https://dev.dcloud.net.cn/mui/ui/
2.uniapp
https://uniapp.dcloud.io/README
3.javascript开发+原生渲染
中小型创业公司
效率也还行
节约成本，人员
闲鱼
常用框架：
1.React Native
React Native https://www.react-native.cn/
把H5的代码翻译成Android代码，所以还是相当于安卓的原生运行，所以在一定程度上减小了性能的损耗
例如：div 代码还是用前端html来写，编译 TextView布局
大公司开发还是用的Android原生技术
小公司多用React Native技术
考虑兼容性，可能有一些html代码翻译得没有那么准确。
2.Weex-基于Vue.js
https://weex.apache.org/zh/guide/introduction.html
3.Flutter
https://book.flutterchina.club/#%E7%BC%98%E8%B5%B7
19年推出。谷歌公司 ，安卓团队 ，推出的技术。可以在Android上运行也可以在iOS上运行，还可以在网页端运行，而且甚至可以把WebView在性能上的损耗降到0或以下，也就是说用Flutter写出来的代码可能比android写出来的代码性能还会更高，兼容完美，是目前安卓最流行的一种技术之一。
2.SharedPreferences
SharedPreferences是Android平台上一个轻量级的存储辅助类，用来保存应用的一些常用配置，它提供了string,set, int, long, float, boolean六种数据类型。最终数据是以xml形式进行存储。在应用中通常做一些简单数据的持久化缓存。
1.概述
SharedPreferences是Android平台上-个轻量级的存储辅助类，用来保存应用的一些常用配置，它提供了string,set, int, long, float, boolean六种数据类型。最终数据是以xml形式进行存储。在应用中通常做一些简单数据的持久化缓存。
SharedPreferences比较特殊的地方在于，其本质上就是一种xml的形式来存储，存储的方式可以来存一些安卓的基本类型， int, long, float, boolean类型，也包括string,set类型。
SharedPreferences的应用场景：如在QQ登陆中，第一次登陆成功了，那么第二次进入QQ，会直接进入主界面，不会再进入到登陆界面。也就是说，当我们第一次登录成功的时候，系统会把我们登陆的状态，可以用一个boolean类型的值保存到本地，登陆成功就可以保存为ture，保存到本地的形式可以使用接下来所要讲到的SharedPreferences，SharedPreferences主要是来存储这种少量的数据。
，而且优势就是sp读写起来会比文件更加方便，所以像这种情况我们就可以用SharedPreferences的形式来存储。
2.SharedPreferences的使用方法
通过一个简单案例来展示
我们现在布局中加入两个button组件
<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout 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"> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="231dp" android:layout_marginEnd="98dp" android:layout_marginRight="98dp" android:text="Button" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toTopOf="parent" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="95dp" android:layout_marginEnd="115dp" android:layout_marginRight="115dp" android:text="Button" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toBottomOf="@+id/button" />androidx.constraintlayout.widget.ConstraintLayout>然后在MainActivity.java中给按钮添加点击事件
第一个按钮
第二个按钮
代码
package com.hnucm.android_0514;import androidx.appcompat.app.AppCompatActivity;import android.content.SharedPreferences;import android.os.Bundle;import android.util.Log;import android.view.View;import android.webkit.WebSettings;import android.webkit.WebView;import android.webkit.WebViewClient;import android.widget.Button;public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button button=findViewById(R.id.button); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { SharedPreferences sharedPreferences=getSharedPreferences("user",MODE_PRIVATE);//MODE_PRIVATE私有权限，保护文件 SharedPreferences.Editor editor=sharedPreferences.edit(); editor.putString("classname","计科2班"); editor.putInt("number",20); editor.commit(); } }); Button button1 = findViewById(R.id.button2); button1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { SharedPreferences sharedPreferences=getSharedPreferences("user",MODE_PRIVATE); String classname = sharedPreferences.getString("classname", "test"); Log.i("MainActivity","name="+classname); } }); }}在点击第一个按钮之后，在data/data/包名目录下，我们发现我们的数据被保存到了一个文件夹，并且是xml形式
在点击第二个按钮之后，我们打印出来了在SharedPreferences中的数据
3.QQ登陆简单demo实现
在概述部分我们说了，在QQ登陆中，第一次登陆成功了，那么第二次进入QQ，会直接进入主界面，不会再进入到登陆界面。也就是说，当我们第一次登录成功的时候，系统会把我们登陆的状态，可以用一个boolean类型的值保存到本地，登陆成功就可以保存为ture。
所以我们需要三个界面:第一个是登陆页面，第二个是启动跳转页面，第三个是主界面。
1.创建Activity
因为默认第一个出现的是MainActivity页面，我们需要将启动跳转页面设置为第一个出现的页面
在themes.xml中设置去掉应用的标题框，通知栏等等
<style name="AppTheme1" parent="Theme.AppCompat.Light.NoActionBar"> - "android:windowNoTitle"
>true//无标题 - "android:windowActionBar">false
//无ActionBar - "android:windowFullscreen">true
//全屏即无通知栏 - "android:windowContentOverlay">@null
//是否有遮盖 - "android:windowBackground">@drawable/welcome
style>2.启动跳转页面
启动跳转页面的背景图
activity_welcome.xml
设置背景图
3.登陆页面
LoginActivity.java
package com.hnucm.android_0514_2;import androidx.appcompat.app.AppCompatActivity;import android.content.Intent;import android.content.SharedPreferences;import android.os.Bundle;import android.view.View;import android.widget.EditText;import android.widget.Toast;public class LoginActivity extends AppCompatActivity { EditText editText,editText1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_login); editText = findViewById(R.id.editTextTextPersonName); editText1 = findViewById(R.id.editTextTextPersonName2); findViewById(R.id.button5).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String username=editText.getText().toString(); String psw=editText1.getText().toString(); if (username.equals("hnucm") && psw.equals("123456")){ SharedPreferences sharedPreferences = getSharedPreferences("user",MODE_PRIVATE); SharedPreferences.Editor editor = sharedPreferences.edit(); editor.putBoolean("islogin",true);//islogin设置为true代表已经登陆 editor.commit(); Intent intent = new Intent(LoginActivity.this,MainActivity.class); startActivity(intent); }else { Toast.makeText(LoginActivity.this,"用户名或密码错误",Toast.LENGTH_SHORT).show(); } } }); }}activity_login.xml
<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout 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=".LoginActivity"> <EditText android:id="@+id/editTextTextPersonName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="137dp" android:layout_marginEnd="87dp" android:layout_marginRight="87dp" android:ems="10" android:hint="请输入用户名" android:inputType="textPersonName" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toTopOf="parent" /> <EditText android:id="@+id/editTextTextPersonName2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="17dp" android:layout_marginEnd="4dp" android:layout_marginRight="4dp" android:ems="10" android:hint="请输入密码" android:inputType="textPersonName" app:layout_constraintEnd_toEndOf="@+id/editTextTextPersonName" app:layout_constraintTop_toBottomOf="@+id/editTextTextPersonName" /> <Button android:id="@+id/button5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="22dp" android:layout_marginLeft="22dp" android:layout_marginTop="33dp" android:text="登录" app:layout_constraintStart_toStartOf="@+id/editTextTextPersonName2" app:layout_constraintTop_toBottomOf="@+id/editTextTextPersonName2" />androidx.constraintlayout.widget.ConstraintLayout>4.主界面
主界面也进行了一些简单的SharedPreferences操作
MainActivity.java
package com.hnucm.android_0514_2;import androidx.appcompat.app.AppCompatActivity;import android.content.Intent;import android.content.SharedPreferences;import android.os.Bundle;import android.util.Log;import android.view.View;import android.widget.Button;import android.widget.TextView;public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); findViewById(R.id.button).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { SharedPreferences sharedPreferences = getSharedPreferences("user",MODE_PRIVATE); SharedPreferences.Editor editor = sharedPreferences.edit(); editor.putString("name","testName"); editor.putInt("age",28); editor.commit(); } }); findViewById(R.id.button4).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { SharedPreferences sharedPreferences = getSharedPreferences("user",MODE_PRIVATE); String name = sharedPreferences.getString("name","1212"); int age = sharedPreferences.getInt("age",0); Log.i("MainActivity","name=" +name + " age = " + age); } }); }}activity_main.xml
<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout 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"> <TextView android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginEnd="1dp" android:layout_marginRight="1dp" android:layout_marginBottom="17dp" android:text="增加" app:layout_constraintBottom_toTopOf="@+id/button2" app:layout_constraintEnd_toEndOf="@+id/button2" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="16dp" android:text="删除" app:layout_constraintBottom_toTopOf="@+id/button3" app:layout_constraintStart_toStartOf="@+id/button3" /> <Button android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginEnd="7dp" android:layout_marginRight="7dp" android:layout_marginBottom="11dp" android:text="修改" app:layout_constraintBottom_toTopOf="@+id/button4" app:layout_constraintEnd_toEndOf="@+id/button4" /> <Button android:id="@+id/button4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="读取数据" app:layout_constraintBottom_toTopOf="@+id/textView" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" />androidx.constraintlayout.widget.ConstraintLayout>最后结果展示如下（这个gif图太大了，只能降低一点画质了）
更多相关文章
- Android使用webview让服务器上的js调用java代码的方法
- SAP BSP, Java Web Project，Android和微信小程序的初始页面设置
- android 通过schema唤起应用指定页面
- Android：打开程序的全屏页面
- Android中使用WebView, WebChromeClient和WebViewClient加载网页
- webViewJavascriptBridge踩坑【页面刚开始bridge失效一阵】
- Android(安卓)左右滑动切换页面或Activity的效果实现
- Android中WebView获取网页中标题 ,内容, 图片的方法
- Android中WebView获取网页中标题 ,内容, 图片的方法