android 8.0 Autofill Framework (自動填充框架)

maweiliang發表於2018-06-19

android 8 時增加了一個自動填充框架，它是可以是我們在填寫表單是更加容易減少出錯，還可以我們減少填寫表單的時間，填寫表單是一項耗時且容易出錯的任務，使用者可能很容易對需要這些型別任務的應用感到沮喪，自動填充框架通過提供以下優勢來改善使用者體驗：

更少的時間用於填充欄位自動填充功能可以幫助使用者避免重新輸入資訊
最大限度地減少使用者輸入錯誤打字很容易出錯，特別是在移動裝置中刪除輸入資訊的必要性也可以消除隨之而來的錯誤

所以自動填充框架可以是我的操作變得簡單容易，提升使用者在使用時的方便。下面帶大家看看如何實現自動填充框架，我們建立一個登陸的demo，loginDemo，下面看一下登陸頁面的佈局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/username"
            android:hint="Your primary email address"
            android:inputType="textEmailAddress"
            android:importantForAutofill="yes"/>
    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/password"
            android:hint="numberPassword"
            android:importantForAutofill="yes"
            android:inputType="numberPassword"/>
    </android.support.design.widget.TextInputLayout>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/save_button"
        style="@style/Widget.AppCompat.Button.Colored"
        android:text="登陸"
        android:onClick="userLogin"/>
</LinearLayout>
複製程式碼

佈局很簡單，裡面只有一個android:importantForAutofill屬性，它是重點。為了是android系統可以識別某個控制元件是否支援自動填充服務，我們首先需要對支援此服務的控制元件新增一個標識，這個標識用來啟發自動填充框架。

1. 為控制元件新增自動填充標識

android:importantForAutofill
複製程式碼

這個屬性的取值有一下幾種

auto 系統預設值，這個標識有系統決定是否觸發自動填充服務
no 此控制元件不支援自動填充服務
noExcludeDescendants 此控制元件及其子控制元件都不支援自動填充服務
yes 次檢視支援自動填充服務
yesExcludeDescendants 此控制元件支援，但是它的子控制元件不支援然後我們在看看MainActivity的邏輯

public class MainActivity extends AppCompatActivity {
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mAutofillManager = this.getSystemService(AutofillManager.class);
        mAutofillCallback = new MyAutofillCallback();
    }

    public void userLogin(View view) {
        String uName = ((EditText) findViewById(R.id.username)).getText().toString();
        String pw = ((EditText) findViewById(R.id.password)).getText().toString();
        SharedPreferences.Editor editor = getSharedPreferences("EMAIL_STORAGE", MODE_PRIVATE)
                .edit();
        editor.putString("PRIMARY_EMAIL", uName);
        editor.putString("USER_PW", pw);
        editor.commit();
    }
}
複製程式碼

這個沒啥，就是獲取使用者名稱密碼儲存在SharedPreferences裡，看到這大家就得沒啥乾貨呀，別急現在我們只是為之後的是做個資料準備。

2 AutofillService 服務

寫程式碼之前先介紹一下這個類，AutofillService是一個能幫助我們實現自動填充螢幕內容的服務類，它裡面兩個方法需要我們進行重寫。

@Override
    public void onFillRequest(@NonNull FillRequest request, @NonNull CancellationSignal cancellationSignal,
    @NonNull FillCallback fillCallback) {
    }
    
     public void onSaveRequest(@NonNull SaveRequest request, @NonNull SaveCallback callback) {
         
     }
複製程式碼

onFillRequest 當頁面內容有可用自動填充時系統呼叫該方法

FillRequest引數自動填充服務的請求物件，使用它我們可以獲取螢幕上檢視

FillCallback引數處理正在填充的服務，可以顯示自動填充的資料
onSaveRequest 當使用者請求服務儲存螢幕欄位時呼叫

它的引數和第一個基本一樣的

大致了一下AutofullService這個類的作用，我們在建立一個類MyAutofillService讓它繼承AutofillService這個類

public class MyAutofillService extends AutofillService {

    public void traverseStructure(AssistStructure structure, List<AssistStructure.ViewNode> emailFields) {
        int nodes = structure.getWindowNodeCount();

        for (int i = 0; i < nodes; i++) {
            AssistStructure.WindowNode windowNode = structure.getWindowNodeAt(i);
            AssistStructure.ViewNode viewNode = windowNode.getRootViewNode();
            traverseNode(viewNode, emailFields);
        }
    }

    public void traverseNode(AssistStructure.ViewNode viewNode, List<AssistStructure.ViewNode> emailFields) {
        if (viewNode == null || viewNode.getClassName() == null)
            return;
        if (viewNode.getClassName().contains("EditText")) {
            String viewId = viewNode.getIdEntry();
            if (viewId != null && (viewId.contains("email") || viewId.contains("username") || viewId.contains("password"))) {
                emailFields.add(viewNode);
                return;
            }
        }
        for (int i = 0; i < viewNode.getChildCount(); i++) {
            AssistStructure.ViewNode childNode = viewNode.getChildAt(i);
            traverseNode(childNode, emailFields);
        }
    }

    @Override
    public void onFillRequest(@NonNull FillRequest request, @NonNull CancellationSignal cancellationSignal, @NonNull FillCallback fillCallback) {
        // Get the structure from the request
        //1 獲取自動填充的上下文
        List<FillContext> context = request.getFillContexts();
        //獲取螢幕快照資料
        AssistStructure structure = context.get(context.size() - 1).getStructure();
        //儲存自動填充的節點
        List<AssistStructure.ViewNode> emailFields = new ArrayList<>();
        //遍歷獲取目標空間
        traverseStructure(structure, emailFields);
        if (emailFields.size() < 2) {
            fillCallback.onSuccess(null);
            return;
        }
        SharedPreferences sharedPreferences = getSharedPreferences("EMAIL_STORAGE", MODE_PRIVATE);
        String primaryEmail = sharedPreferences.getString("PRIMARY_EMAIL", "");
        String secondaryEmail = sharedPreferences.getString("SECONDARY_EMAIL", "");

        //建立自動提示的view
        RemoteViews rvPrimaryEmail = new RemoteViews(getPackageName(), R.layout.user_suggestion);
        rvPrimaryEmail.setTextViewText(R.id.email_suggestion_item, primaryEmail);
        rvPrimaryEmail.setImageViewResource(R.id.icon, R.mipmap.user);
        RemoteViews rvSecondaryEmail = new RemoteViews(getPackageName(), R.layout.user_suggestion);
        rvSecondaryEmail.setTextViewText(R.id.user_suggestion_item, primaryEmail);
        rvSecondaryEmail.setImageViewResource(R.id.icon, R.mipmap.pw);

        AssistStructure.ViewNode userField = emailFields.get(0);
        AssistStructure.ViewNode passField = emailFields.get(1);
        //為自動填充檢視構造資料
        Dataset primaryEmailDataSet = new Dataset.Builder(rvPrimaryEmail)
                .setValue(userField.getAutofillId(), AutofillValue.forText(primaryEmail)
                ).build();
        Dataset secondaryEmailDataSet = new Dataset.Builder(rvSecondaryEmail)
                .setValue(passField.getAutofillId(), AutofillValue.forText(secondaryEmail)
                ).build();

        //封裝響應資料
        FillResponse response = new FillResponse.Builder()
                .addDataset(primaryEmailDataSet)
                .addDataset(secondaryEmailDataSet)
                //  .addDataset(msecondaryEmailDataSet)
//                .setSaveInfo(new SaveInfo.Builder(//只有新增SaveInfo物件才會回撥onSaveRequest
//                        SaveInfo.SAVE_DATA_TYPE_USERNAME | SaveInfo.SAVE_DATA_TYPE_EMAIL_ADDRESS,
//                        new AutofillId[]{emailField.getAutofillId(), emailField.getAutofillId()})
//                        .build())
                .build();
        //通知自動填充框架
        fillCallback.onSuccess(response);
    }

    // 儲存需要自動填入記錄。
    @Override
    public void onSaveRequest(@NonNull SaveRequest request, @NonNull SaveCallback callback) {
        List<FillContext> context = request.getFillContexts();
        AssistStructure structure = context.get(context.size() - 1).getStructure();
        List<AssistStructure.ViewNode> emailFields = new ArrayList<>();
        traverseStructure(structure, emailFields);
        callback.onSuccess();
    }
}
複製程式碼

我們在onFillRequest方法裡獲取當前介面的空間資訊，之後遍歷判斷是否還有我們目標的空間，將它儲存在一個list中，程式碼中已將詳細註釋了，下面是user_suggestion佈局檔案

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/user_suggestion_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:textSize="18sp"
        android:textStyle="bold"></TextView>

    <ImageView
        android:id="@+id/icon"
        android:layout_gravity="center"
        android:layout_height="wrap_content"
        android:layout_marginEnd="?android:attr/listPreferredItemPaddingEnd"
        android:layout_width="wrap_content"
        android:src="@mipmap/ic_launcher" />
</LinearLayout>

複製程式碼

這個服務類完了之後，我們需要配置一個它

<service android:name=".MyAutofillService"
            android:label="Mtx Autofill Service"
            android:permission="android.permission.BIND_AUTOFILL_SERVICE">

            <meta-data android:name="android.autofill"
                android:resource="@xml/login_filler"/>
            <intent-filter>
                <action android:name="android.service.autofill.AutofillService"/>
            </intent-filter>
        </service>
複製程式碼

android:label=“XXX”這個服務的名稱，隨便起，宣告命一個android.permission.BIND_AUTOFILL_SERVICE許可權, 下面是login_filler

<?xml version="1.0" encoding="utf-8"?>
<autofill-service
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:settingsActivity="com.mtx.login.MainActivity"/>
複製程式碼

最後手機中設定一下：設定 > 系統 > 語言和輸入 > 高階 > 輸入幫助 > 自動填充服務>Mtx Autofill Service

Android開發之自動填充簡訊驗證碼
2016-04-10
Android
Spring AOP 實現《自動自動填充Entity》
2024-03-28
Spring
基於Python3.7 Robot Framework自動化框架搭建
2020-12-14
PythonFramework框架
Android 8.0/9.0 wifi 自動連線評分機制
2021-01-28
AndroidWiFi
[android]android自動化測試十三之monkeyRunner自動化框架
2012-06-15
Android框架
Android 8.0 自適應圖示
2018-05-21
Android
iOS Password AutoFill
2019-12-09
iOS
mybatis自動填充時間欄位
2019-01-17
MyBatis
mybatisplus欄位值自動填充
2020-12-18
MyBatis
Robot Framework自動化測試框架核心指南-如何做好自動化測試平臺框架的設計
2020-09-06
Framework框架
Android Media Framework（一）OpenMAX 框架簡介
2024-05-28
AndroidFramework框架
禁用 element 中v-input 自動填充
2020-12-17
Windows10 & Python3 部署Robot FrameWork自動化測試框架
2020-12-02
WindowsPythonFramework框架
android 5個自動化測試Ui框架
2019-04-09
AndroidUI框架
[android]am自動化測試框架（原創）
2012-08-28
Android框架
MySQL8.0的自動部署指令碼
2024-08-05
MySql指令碼
如何自動填充SQL語句中的公共欄位
2020-09-30
SQL
配置化資料填充框架
2021-04-14
框架
PLSQL8.0自動載入器原始碼
2009-10-14
SQL原始碼
Robot Framework 自動化測試--部署篇
2017-02-19
Framework
Android 8.0 原始碼分析 (五) Service 啟動
2019-10-31
Android原始碼
Android 8.0 原始碼分析 (四) Activity 啟動
2019-10-29
Android原始碼
好用漂亮的Android 表格框架4(自動生成表單)
2019-03-04
Android框架
【mybatis-plus】主鍵id生成、欄位自動填充
2020-12-25
MyBatis
Mac Monterey如何設定自動填充登入密碼？
2022-02-20
Mac密碼
Mybatis-plus學習筆記（十一）自動填充功能
2020-10-04
MyBatis筆記
基於JQuery實現的文字框自動填充功能
2015-07-16
jQuery
mybatis自動填充多個表相同欄位的值
2024-05-03
MyBatis
MyBatis-Plus-實用的功能自動填充欄位
2024-07-05
MyBatis
springboot~jpa審計欄位的自動填充
2024-05-30
Spring Boot
Android Framework
2018-11-20
AndroidFramework
[Django REST framework - 自動生成介面文件、分頁]
2021-07-07
DjangoRESTFramework
淺析Spring Framework框架容器啟動過程
2018-12-17
SpringFramework框架
Android 8.0 原始碼分析 (六) BroadcastReceiver 啟動
2019-11-02
Android原始碼AST
Android 8.0 原始碼分析 (一) SystemServer 程式啟動
2019-10-26
Android原始碼Server
Vue | 指令實現自動翻譯填充英文名功能
2021-05-23
Vue
VUE-多元素垂直排列，有一列自動填充
2018-07-21
Vue
利用tox打造自動自動化測試框架
2020-07-19
框架

android 8.0 Autofill Framework (自動填充框架)

1. 為控制元件新增自動填充標識

2 AutofillService 服務

相關文章