我有一个应用程序,在大多数情况下,它是一个 WebView 的包装器,它背后有一个相当 HTML/js 的网站。
对于运行 Android 8.0,x 的许多设备,视觉问题(如下面的视频所示,经许可使用,个人信息模糊不清)
https://vimeo.com/574602863/54b4bcca1b
弹出菜单(在此视频中)或滚动 WebView(未显示)会导致应用上方和下方的条形闪烁。由于视频来自用户,我无法自己复制问题,因此我没有太多关于调试输出的信息。
我知道它似乎只出现在相对较弱的设备上。 WebView 中显示的网页的复杂性肯定是一个因素,但我无法使用具有相同问题的人使用的相同品牌/型号手机来复制这种情况。
供参考,主要布局如下
<?xml version="1.0" encoding="utf-8"?>
<!--androidx.constraintlayout.widget.ConstraintLayout-->
<androidx.drawerlayout.widget.DrawerLayout 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"
android:background="@color/splashBack"
android:orientation="vertical"
android:padding="0dp"
tools:operDrawer="start"
android:id="@+id/drawer_layout">
<!--
<com.google.android.material.navigation.NavigationView
android:id="@+id/navigation_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@color/splashBack"
android:clipToPadding="false"
app:itemBackground="@color/splashBack" >
</com.google.android.material.navigation.NavigationView>-->
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/splashBack"
android:orientation="vertical"
android:padding="0dp"
tools:context=".MainActivity">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:minHeight="?attr/actionBarSize"
app:layout_constraintTop_toTopOf="parent"
android:visibility="invisible"
android:theme="@style/ToolbarTheme"
app:popupTheme="@style/ToolbarTheme"
app:titleTextColor="@android:color/white" >
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_constraintLeft_toLeftOf="parent"
tools:layout_editor_absoluteX="0dp"
tools:layout_editor_absoluteY="4dp">
<com.google.android.material.button.MaterialButton
android:id="@+id/endQuiz"
style="?attr/materialButtonOutlinedStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:insetBottom="10dp"
android:text="@string/str_header_quiz_end"
android:textColor="#FFFFFF"
android:textSize="12dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"/>
<ImageView
android:id="@+id/quizProblem"
android:layout_width="40dp"
android:layout_height="0dp"
android:paddingRight="12dp"
android:paddingLeft="12dp"
android:src="@drawable/fa_question_circle"
app:layout_constraintLeft_toRightOf="@id/endQuiz"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/menu_dash"
android:layout_width="45dp"
android:layout_height="0dp"
android:paddingRight="12dp"
android:paddingLeft="12dp"
android:layout_marginRight="12dp"
android:src="@drawable/fa_home"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toLeftOf="@id/menu_dict"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/menu_dict"
android:layout_width="52dp"
android:layout_height="0dp"
android:paddingLeft="12dp"
android:paddingRight="24dp"
android:src="@drawable/fa_book"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.appcompat.widget.Toolbar>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:background="@color/splashBack"
android:orientation="vertical"
android:padding="0dp"
android:id="@+id/webview_parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toBottomOf="@+id/toolbar"
tools:context=".MainActivity">
<ProgressBar
android:id="@+id/progress_bar"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="3dp"
app:layout_constraintTop_toTopOf="parent" />
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollIndicators="top|bottom"
android:visibility="invisible"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:layout_editor_absoluteX="66dp"
tools:layout_editor_absoluteY="134dp" />
<ImageView
android:id="@+id/hlnt_iv_load"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_centerInParent="true"
android:src="@drawable/kao_july"
android:visibility="visible"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/hlnt_text_load"
android:layout_width="250dp"
android:layout_height="50dp"
android:gravity="center"
android:text="@string/splash_checking"
android:textColor="@color/splashFont"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/hlnt_iv_load" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/no_connection"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/splashBack">
<ImageView
android:id="@+id/no_connection_img"
android:layout_width="300dp"
android:layout_height="250dp"
android:layout_centerInParent="true"
android:src="@drawable/disconnect"
android:visibility="visible"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:paddingLeft="40dp"
android:paddingRight="40dp"
android:text="@string/disconnect_text"
android:textColor="@color/splashFont"
android:textSize="18sp"
app:layout_constraintTop_toBottomOf="@id/no_connection_img" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="320dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@color/splashBack"
android:orientation="vertical"
tools:context=".MainActivity">
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/userBox"
android:layout_width="320dp"
android:layout_height="wrap_content"
android:layout_gravity="start"
android:background="@color/splashBack"
android:orientation="horizontal"
android:paddingLeft="15dp"
android:paddingTop="15dp"
android:paddingRight="15dp"
android:paddingBottom="15dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:context=".MainActivity">
<ImageView
android:id="@+id/userAvatar"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_gravity="center_vertical"
android:paddingRight="10dp"
android:src="@drawable/fa_school"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="0dp"
android:id="@+id/info_box"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintLeft_toRightOf="@+id/userAvatar"
app:layout_constraintRight_toLeftOf="@+id/icon_box"
app:layout_constraintTop_toTopOf="parent">
<TextView
android:id="@+id/displayName"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text="Username"
android:textColor="@android:color/white" />
<TextView
android:id="@+id/adventureLevel"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text="Adventure Level"
android:textColor="@android:color/white" />
</LinearLayout>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/icon_box"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/menu_inbox"
android:layout_width="38dp"
android:layout_height="28dp"
android:layout_centerInParent="true"
android:layout_marginRight="0dp"
android:paddingRight="10dp"
android:paddingTop="10dp"
android:paddingLeft="12dp"
android:src="@drawable/fa_envelop"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/notifications_badge"
android:layout_width="18dp"
android:layout_height="18dp"
android:layout_gravity="top|center_horizontal"
android:layout_marginTop="-5dp"
android:layout_marginRight="0dp"
android:background="@drawable/badge"
android:gravity="center"
android:text="10"
android:textColor="@android:color/white"
android:textSize="12sp"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
<ImageView
android:id="@+id/settingsCog"
android:layout_width="30dp"
android:layout_height="40dp"
android:layout_gravity="center_vertical"
android:paddingLeft="10dp"
android:paddingRight="0dp"
android:paddingTop="10dp"
android:src="@drawable/fa_cog"/>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
<ExpandableListView
android:id="@+id/expandableListView"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_gravity="start"
android:background="@color/splashBack"
android:indicatorLeft="?android:attr/expandableListPreferredItemIndicatorLeft"
app:itemBackground="@color/splashBack"
app:layout_constraintBottom_toTopOf="@+id/versionNumber"
app:layout_constraintTop_toBottomOf="@+id/userBox"
app:layout_constraintVertical_bias="0.0"
tools:layout_editor_absoluteX="45dp" />
<TextView
android:layout_width="wrap_content"
android:id="@+id/versionNumber"
android:layout_marginLeft="10dp"
android:layout_marginBottom="10dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
android:layout_height="wrap_content"/>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.drawerlayout.widget.DrawerLayout>