diff --git a/customappbar/interfaces/custom_app_bar.js b/customappbar/interfaces/custom_app_bar.js
index 474c8022330e7439f0519f9a2a3817cced2283ee..38c1475eeca443375f910a3e8ce870b9433ac11c 100644
--- a/customappbar/interfaces/custom_app_bar.js
+++ b/customappbar/interfaces/custom_app_bar.js
@@ -567,7 +567,6 @@ export class CustomAppBar extends ViewPU {
         if (this.isHalfScreen) {
             this.contentBgColor = Color.Transparent;
             this.titleHeight = EYELASH_HEIGHT + 2 * TITLE_MARGIN_TOP + this.statusBarHeight;
-            this.provideService = this.getStringByResourceToken(ARKUI_APP_BAR_PROVIDE_SERVICE);
             this.halfScreenShowAnimation();
         }
         else {
@@ -644,8 +643,11 @@ export class CustomAppBar extends ViewPU {
         }
         return defaultColor;
     }
-    getStringByResourceToken(resName) {
+    getStringByResourceToken(resName, value) {
         try {
+            if (value) {
+                return getContext(this).resourceManager.getStringByNameSync(resName, value);
+            }
             return getContext(this).resourceManager.getStringByNameSync(resName);
         } catch (err) {
             console.error(LOG_TAG, `getAccessibilityDescription, error: ${err.toString()}`);
@@ -654,7 +656,7 @@ export class CustomAppBar extends ViewPU {
     }
     updateStringByResource() {
         if (this.isHalfScreen) {
-          this.provideService = this.getStringByResourceToken(ARKUI_APP_BAR_PROVIDE_SERVICE);
+          this.provideService = this.getStringByResourceToken(ARKUI_APP_BAR_PROVIDE_SERVICE, this.labelName);
           this.maximizeRead = this.getStringByResourceToken(ARKUI_APP_BAR_MAXIMIZE);
         }
         this.closeRead = this.getStringByResourceToken(ARKUI_APP_BAR_CLOSE);
@@ -884,7 +886,10 @@ export class CustomAppBar extends ViewPU {
             Row.borderWidth(BORDER_WIDTH);
             Row.borderColor(this.menubarBorderColor);
             Row.backgroundColor(this.menubarBackColor);
-            Row.backdropBlur(MENU_BACK_BLUR);
+            Row.backgroundEffect({
+                radius: MENU_BACK_BLUR,
+                color: this.menubarBackColor
+            });
             Row.height(VIEW_HEIGHT);
             Row.width(VIEW_WIDTH);
             Row.align(Alignment.Top);
@@ -1002,7 +1007,7 @@ export class CustomAppBar extends ViewPU {
             });
         }, Image);
         this.observeComponentCreation2((elmtId, isInitialRender) => {
-            Text.create(this.labelName);
+            Text.create(this.provideService);
             Text.fontSize(TITLE_FONT_SIZE);
             Text.lineHeight(TITLE_LINE_HEIGHT);
             Text.fontWeight(FontWeight.Medium);
@@ -1013,14 +1018,6 @@ export class CustomAppBar extends ViewPU {
             Text.ellipsisMode(EllipsisMode.END);
         }, Text);
         Text.pop();
-        this.observeComponentCreation2((elmtId, isInitialRender) => {
-            Text.create(this.provideService);
-            Text.fontSize(TITLE_FONT_SIZE);
-            Text.lineHeight(TITLE_LINE_HEIGHT);
-            Text.fontColor('#FFFFFF');
-            Text.margin({ start: LengthMetrics.vp(TITLE_TEXT_MARGIN) });
-        }, Text);
-        Text.pop();
         this.observeComponentCreation2((elmtId, isInitialRender) => {
             SymbolGlyph.create({ 'id': -1, 'type': 40000, params: ['sys.symbol.chevron_right'], 'bundleName': '__harDefaultBundleName__', 'moduleName': '__harDefaultModuleName__' });
             SymbolGlyph.height(CHEVRON_HEIGHT);
diff --git a/customappbar/source/custom_app_bar.ets b/customappbar/source/custom_app_bar.ets
index ea498f7b370b35dcc065501f1d4c92df3dcff6aa..f2686dae480463c7c41b16443c5cbadab95b6574 100644
--- a/customappbar/source/custom_app_bar.ets
+++ b/customappbar/source/custom_app_bar.ets
@@ -250,8 +250,11 @@ export struct CustomAppBar {
     return defaultColor;
   }
 
-  getStringByResourceToken(resName: string): string {
+  getStringByResourceToken(resName: string， value?: string): string {
     try {
+      if (value) {
+        return getContext(this).resourceManager.getStringByNameSync(resName, value);
+      }
         return getContext(this).resourceManager.getStringByNameSync(resName);
     } catch (err) {
         console.error(LOG_TAG, `getAccessibilityDescription, error: ${err.toString()}`);
@@ -261,7 +264,7 @@ export struct CustomAppBar {
 
   updateStringByResource(): void {
     if (this.isHalfScreen) {
-      this.provideService = this.getStringByResourceToken(ARKUI_APP_BAR_PROVIDE_SERVICE);
+      this.provideService = this.getStringByResourceToken(ARKUI_APP_BAR_PROVIDE_SERVICE, this.labelName);
       this.maximizeRead = this.getStringByResourceToken(ARKUI_APP_BAR_MAXIMIZE);
     }
     this.closeRead = this.getStringByResourceToken(ARKUI_APP_BAR_CLOSE);
@@ -523,7 +526,10 @@ export struct CustomAppBar {
       .borderWidth(BORDER_WIDTH)
       .borderColor(this.menubarBorderColor)
       .backgroundColor(this.menubarBackColor)
-      .backdropBlur(MENU_BACK_BLUR)
+      .backgroundEffect({
+        radius: MENU_BACK_BLUR,
+        color: this.menubarBackColor
+      })
       .height(VIEW_HEIGHT)
       .width(VIEW_WIDTH)
       .align(Alignment.Top)
@@ -548,7 +554,7 @@ export struct CustomAppBar {
             .margin({
               start: LengthMetrics.vp(CHEVRON_MARGIN)
             })
-          Text(this.labelName)
+          Text(this.provideService)
             .fontSize(TITLE_FONT_SIZE)
             .lineHeight(TITLE_LINE_HEIGHT)
             .fontWeight(FontWeight.Medium)
@@ -557,11 +563,6 @@ export struct CustomAppBar {
             .maxLines(1)
             .textOverflow({ overflow: TextOverflow.Ellipsis })
             .ellipsisMode(EllipsisMode.END)
-          Text(this.provideService)
-            .fontSize(TITLE_FONT_SIZE)
-            .lineHeight(TITLE_LINE_HEIGHT)
-            .fontColor('#FFFFFF')
-            .margin({ start: LengthMetrics.vp(TITLE_TEXT_MARGIN) })
           SymbolGlyph($r('sys.symbol.chevron_right'))
             .height(CHEVRON_HEIGHT)
             .width(CHEVRON_WIDTH)