同福

开发一个基于webView控件的简单App程序

介绍

介绍

今天我们来学习如何用 android studio开发一个简单的安卓app程序

该程序内嵌一个webView控件,运行app后自动打开 tongfu.net 网站

开发

创建项目

点击 Start a new Android Studio project

cd19d78636286747.jpg

选择 Empty Activity,点击 Next

66a049abc159af62.jpg在 Name 栏输入 demo2,点击 Finish

23c06bee9cc63e1c.jpg这样就完成了项目的创建,图中将需要修改的文件全部展开了

f0ff5f12948672c6.jpg

设置权限

AndroidManifest.xml

我们打开 app -> mainfests -> AndroidManifest.xml

在 manifest 节点下添加节点

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

界面布局

AndroidManifest.xml

我们打开 app -> mainfests -> AndroidManifest.xml

在 manifest -> application 节点下添加/修改属性,修改 label 值

android:label="TFHome App"

在 manifest -> application -> activity 节点下添加/修改属性,修改 android:screenOrientation 值

android:screenOrientation="portrait"

activity_main.xml

我们打开 app -> res -> layout -> activity_main.xml

注释掉 androidx.constraintlayout.widget.ConstraintLayout 下面的 TextView

<!--<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" />-->

在 androidx.constraintlayout.widget.ConstraintLayout 下面添加一个 webView 控件节点

<WebView android:id="@+id/webview" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" />

WebView控件

MainActivity

在 app -> java 下面找到 MainActivity,打开它

添加 import 包引入

import androidx.appcompat.app.ActionBar;
import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

在 MainActivity 对象下面添加属性 webView

private WebView webView;

在 onCreate 方法的 setContentView(R.layout.activity_main); 后面添加代码

// hide action bar
View decorView = getWindow().getDecorView();
int option = View.SYSTEM_UI_FLAG_FULLSCREEN;
decorView.setSystemUiVisibility(option);
ActionBar actionBar = getSupportActionBar();
actionBar.hide();

// init webView
webView = (WebView) findViewById(R.id.webview);
webView.loadUrl("http://tongfu.net/");

// init browsers
WebChromeClient webChromeClient = new WebChromeClient();
WebViewClient webViewClient = new WebViewClient();
webView.setWebChromeClient(webChromeClient);
webView.setWebViewClient(webViewClient);

// setting webView
WebSettings webSettings=webView.getSettings();
webSettings.setJavaScriptEnabled(true);//允许使用js

调试

调整 Gradle

打开 Gradle Scripts -> gradle.properties,增加一行设置

android.injected.testOnly=false

手机调试

通过数据线将手机链接到开发电脑上,打开手机的开发者模式,点击 Android Studio 的 Run 菜单下面的 Run App 将 app 安装到手机上面

27721d2e4a70df09.jpg