diff --git a/app/src/main/java/io/legado/app/ui/book/read/config/TipConfigDialog.kt b/app/src/main/java/io/legado/app/ui/book/read/config/TipConfigDialog.kt
index c48edc0be..2635b70b2 100644
--- a/app/src/main/java/io/legado/app/ui/book/read/config/TipConfigDialog.kt
+++ b/app/src/main/java/io/legado/app/ui/book/read/config/TipConfigDialog.kt
@@ -86,11 +86,7 @@ class TipConfigDialog : BaseDialogFragment() {
                     tipHeaderLeft = i
                     tv_header_left.text = tipArray[i]
                 }
-                if (i == ReadTipConfig.battery) {
-                    activity?.recreate()
-                } else {
-                    postEvent(EventBus.UP_CONFIG, true)
-                }
+                postEvent(EventBus.UP_CONFIG, true)
             }
         }
         tv_header_middle.onClick {
@@ -183,11 +179,7 @@ class TipConfigDialog : BaseDialogFragment() {
                     tipFooterLeft = i
                     tv_footer_left.text = tipArray[i]
                 }
-                if (i == ReadTipConfig.battery) {
-                    activity?.recreate()
-                } else {
-                    postEvent(EventBus.UP_CONFIG, true)
-                }
+                postEvent(EventBus.UP_CONFIG, true)
             }
         }
         tv_footer_middle.onClick {
diff --git a/app/src/main/java/io/legado/app/ui/book/read/page/ContentView.kt b/app/src/main/java/io/legado/app/ui/book/read/page/ContentView.kt
index 7015404cb..0be240cc1 100644
--- a/app/src/main/java/io/legado/app/ui/book/read/page/ContentView.kt
+++ b/app/src/main/java/io/legado/app/ui/book/read/page/ContentView.kt
@@ -15,7 +15,10 @@ import io.legado.app.help.ReadBookConfig
 import io.legado.app.help.ReadTipConfig
 import io.legado.app.ui.book.read.page.entities.TextPage
 import io.legado.app.ui.widget.BatteryView
-import io.legado.app.utils.*
+import io.legado.app.utils.dp
+import io.legado.app.utils.getCompatColor
+import io.legado.app.utils.statusBarHeight
+import io.legado.app.utils.visible
 import kotlinx.android.synthetic.main.view_book_page.view.*
 import java.util.*
 
@@ -46,15 +49,19 @@ class ContentView(context: Context) : FrameLayout(context) {
 
     fun upStyle() {
         ReadBookConfig.apply {
+            bv_header_left.typeface = ChapterProvider.typeface
             tv_header_left.typeface = ChapterProvider.typeface
             tv_header_middle.typeface = ChapterProvider.typeface
             tv_header_right.typeface = ChapterProvider.typeface
+            bv_footer_left.typeface = ChapterProvider.typeface
             tv_footer_left.typeface = ChapterProvider.typeface
             tv_footer_middle.typeface = ChapterProvider.typeface
             tv_footer_right.typeface = ChapterProvider.typeface
+            bv_header_left.setColor(durConfig.textColor())
             tv_header_left.setColor(durConfig.textColor())
             tv_header_middle.setColor(durConfig.textColor())
             tv_header_right.setColor(durConfig.textColor())
+            bv_footer_left.setColor(durConfig.textColor())
             tv_footer_left.setColor(durConfig.textColor())
             tv_footer_middle.setColor(durConfig.textColor())
             tv_footer_right.setColor(durConfig.textColor())
@@ -83,40 +90,22 @@ class ContentView(context: Context) : FrameLayout(context) {
 
     fun upTipStyle() {
         ReadTipConfig.apply {
-            val tipHeaderLeftNone = tipHeaderLeft == none
-            val tipHeaderRightNone = tipHeaderRight == none
-            val tipHeaderMiddleNone = tipHeaderMiddle == none
-            val tipFooterLeftNone = tipFooterLeft == none
-            val tipFooterRightNone = tipFooterRight == none
-            val tipFooterMiddleNone = tipFooterMiddle == none
-            tv_header_left.isInvisible = tipHeaderLeftNone
-            tv_header_right.isGone = tipHeaderRightNone
-            tv_header_middle.isGone = tipHeaderMiddleNone
-            tv_footer_left.isInvisible = tipFooterLeftNone
-            tv_footer_right.isGone = tipFooterRightNone
-            tv_footer_middle.isGone = tipFooterMiddleNone
+            tv_header_left.isInvisible = tipHeaderLeft != chapterTitle
+            bv_header_left.isInvisible = tipHeaderLeft == none || !tv_header_left.isInvisible
+            tv_header_right.isGone = tipHeaderRight == none
+            tv_header_middle.isGone = tipHeaderMiddle == none
+            tv_footer_left.isInvisible = tipFooterLeft != chapterTitle
+            bv_footer_left.isInvisible = tipFooterLeft == none || !tv_footer_left.isInvisible
+            tv_footer_right.isGone = tipFooterRight == none
+            tv_footer_middle.isGone = tipFooterMiddle == none
             ll_header.isGone = hideHeader
             ll_footer.isGone = hideFooter
         }
         tvTitle = when (ReadTipConfig.chapterTitle) {
-            ReadTipConfig.tipHeaderLeft -> {
-                ConstraintUtil(ll_header).begin()
-                    .rightToLeftOf(R.id.tv_header_left, R.id.tv_header_right)
-                    .setWidth(R.id.tv_header_left, 0)
-                    .setHorizontalWeight(R.id.tv_header_left, 1f)
-                    .commit()
-                tv_header_left
-            }
+            ReadTipConfig.tipHeaderLeft -> tv_header_left
             ReadTipConfig.tipHeaderMiddle -> tv_header_middle
             ReadTipConfig.tipHeaderRight -> tv_header_right
-            ReadTipConfig.tipFooterLeft -> {
-                ConstraintUtil(ll_footer).begin()
-                    .rightToLeftOf(R.id.tv_footer_left, R.id.tv_footer_right)
-                    .setWidth(R.id.tv_footer_left, 0)
-                    .setHorizontalWeight(R.id.tv_footer_left, 1f)
-                    .commit()
-                tv_footer_left
-            }
+            ReadTipConfig.tipFooterLeft -> tv_footer_left
             ReadTipConfig.tipFooterMiddle -> tv_footer_middle
             ReadTipConfig.tipFooterRight -> tv_footer_right
             else -> null
@@ -139,24 +128,10 @@ class ContentView(context: Context) : FrameLayout(context) {
             textSize = 12f
         }
         tvBattery = when (ReadTipConfig.battery) {
-            ReadTipConfig.tipHeaderLeft -> {
-                ConstraintUtil(ll_header).begin()
-                    .clear(R.id.tv_header_left, 2)
-                    .setHorizontalWeight(R.id.tv_footer_left, 0.0F)
-                    .setWidth(R.id.tv_header_left, LayoutParams.WRAP_CONTENT)
-                    .commit()
-                tv_header_left
-            }
+            ReadTipConfig.tipHeaderLeft -> bv_header_left
             ReadTipConfig.tipHeaderMiddle -> tv_header_middle
             ReadTipConfig.tipHeaderRight -> tv_header_right
-            ReadTipConfig.tipFooterLeft -> {
-                ConstraintUtil(ll_header).begin()
-                    .clear(R.id.tv_footer_left, 2)
-                    .setHorizontalWeight(R.id.tv_footer_left, 0.0F)
-                    .setWidth(R.id.tv_footer_left, LayoutParams.WRAP_CONTENT)
-                    .commit()
-                tv_footer_left
-            }
+            ReadTipConfig.tipFooterLeft -> bv_footer_left
             ReadTipConfig.tipFooterMiddle -> tv_footer_middle
             ReadTipConfig.tipFooterRight -> tv_footer_right
             else -> null
diff --git a/app/src/main/java/io/legado/app/ui/widget/BatteryView.kt b/app/src/main/java/io/legado/app/ui/widget/BatteryView.kt
index eabfad602..d9725f019 100644
--- a/app/src/main/java/io/legado/app/ui/widget/BatteryView.kt
+++ b/app/src/main/java/io/legado/app/ui/widget/BatteryView.kt
@@ -39,9 +39,9 @@ class BatteryView(context: Context, attrs: AttributeSet?) : AppCompatTextView(co
         if (!isBattery) return
         outFrame.set(
             1.dp,
-            layout.getLineTop(0) + 2.dp,
+            layout.getLineBaseline(0) + layout.getLineAscent(0) + 2.dp,
             width - 3.dp,
-            layout.getLineBottom(0) - 2.dp
+            layout.getLineBaseline(0) + 2.dp
         )
         val dj = (outFrame.bottom - outFrame.top) / 3
         polar.set(
diff --git a/app/src/main/res/layout/view_book_page.xml b/app/src/main/res/layout/view_book_page.xml
index ec591bc6f..95fd4f1f3 100644
--- a/app/src/main/res/layout/view_book_page.xml
+++ b/app/src/main/res/layout/view_book_page.xml
@@ -20,6 +20,19 @@
 
         <io.legado.app.ui.widget.BatteryView
             android:id="@+id/tv_header_left"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            app:layout_constraintHorizontal_weight="1"
+            android:maxLines="1"
+            android:ellipsize="end"
+            android:textSize="12sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintRight_toLeftOf="@+id/tv_header_right" />
+
+        <io.legado.app.ui.widget.BatteryView
+            android:id="@+id/bv_header_left"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:maxLines="1"
@@ -85,6 +98,19 @@
 
         <io.legado.app.ui.widget.BatteryView
             android:id="@+id/tv_footer_left"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            app:layout_constraintHorizontal_weight="1"
+            android:maxLines="1"
+            android:ellipsize="end"
+            android:textSize="12sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintRight_toLeftOf="@+id/tv_footer_right"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <io.legado.app.ui.widget.BatteryView
+            android:id="@+id/bv_footer_left"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:maxLines="1"