（三三）HarmonyOS Design 的动态样式与主题：动态主题切换与样式动态绑定 原创

<?xml version="1.0" encoding="utf-8"?>                <resources>                    <color name="background_color">#FFFFFF</color>                    <color name="text_color">#000000</color>                </resources>
1.

<?xml version="1.0" encoding="utf-8"?>                <resources>                    <color name="background_color">#000000</color>                    <color name="text_color">#FFFFFF</color>                </resources>
1.

import ohos.aafwk.ability.Ability;                import ohos.agp.components.ComponentContainer;                import ohos.agp.components.DirectionalLayout;                import ohos.agp.components.Text;                import ohos.agp.utils.Color;                import ohos.global.resource.NotExistException;                import ohos.global.resource.Resource;                import ohos.global.resource.ResourceManager;                import ohos.global.resource.WrongTypeException;                                 import java.io.IOException;                                 public class MainAbility extends Ability {                    private ComponentContainer rootLayout;                    private Text textView;                    private boolean isDarkTheme = false;                                     @Override                    public void onStart(ohos.aafwk.content.Intent intent) {                        super.onStart(intent);                        super.setUIContent(ResourceTable.Layout_ability_main);                                         rootLayout = (DirectionalLayout) findComponentById(ResourceTable.Id_root_layout);                        textView = (Text) findComponentById(ResourceTable.Id_text_view);                                         // 初始化主题                        applyTheme();                                         // 模拟主题切换按钮点击事件                        textView.setClickedListener(component -> {                            isDarkTheme = !isDarkTheme;                            applyTheme();                        });                    }                                     private void applyTheme() {                        String themeFolder = isDarkTheme ? "theme_dark" : "theme_light";                        ResourceManager resourceManager = getResourceManager();                        try {                            // 获取主题资源中的颜色值                            int backgroundId = resourceManager.getResourceId(themeFolder + "/color/background_color");                            int textId = resourceManager.getResourceId(themeFolder + "/color/text_color");                            int backgroundColor = resourceManager.getColor(backgroundId);                            int textColor = resourceManager.getColor(textId);                                             // 应用颜色到界面元素                            rootLayout.setBackgroundColor(new Color(backgroundColor));                            textView.setTextColor(new Color(textColor));                        } catch (NotExistException | WrongTypeException | IOException e) {                            e.printStackTrace();                        }                    }                }
1.

import ohos.data.orm.OrmContext;                import ohos.data.rdb.RdbStore;                import ohos.data.rdb.StoreConfig;                                 public class StyleModel {                    private int textColor;                    private int fontSize;                                     public StyleModel(int textColor, int fontSize) {                        this.textColor = textColor;                        this.fontSize = fontSize;                    }                                     public int getTextColor() {                        return textColor;                    }                                     public void setTextColor(int textColor) {                        this.textColor = textColor;                    }                                     public int getFontSize() {                        return fontSize;                    }                                     public void setFontSize(int fontSize) {                        this.fontSize = fontSize;                    }                }
1.

import ohos.aafwk.ability.AbilitySlice;                import ohos.agp.components.Text;                import ohos.agp.utils.Color;                                 public class StyleBindingExample extends AbilitySlice {                    private Text textView;                    private StyleModel styleModel;                                     @Override                    public void onStart(ohos.aafwk.content.Intent intent) {                        super.onStart(intent);                        super.setUIContent(ResourceTable.Layout_ability_style_binding);                                         textView = (Text) findComponentById(ResourceTable.Id_text_view);                        styleModel = new StyleModel(Color.BLACK.getValue(), 20);                                         // 初始化样式                        applyStyle();                                         // 模拟数据变化                        new Thread(() -> {                            try {                                Thread.sleep(2000);                                styleModel.setTextColor(Color.RED.getValue());                                styleModel.setFontSize(30);                                getUITaskDispatcher().asyncDispatch(this::applyStyle);                            } catch (InterruptedException e) {                                e.printStackTrace();                            }                        }).start();                    }                                     private void applyStyle() {                        textView.setTextColor(new Color(styleModel.getTextColor()));                        textView.setTextSize(styleModel.getFontSize());                    }                }
1.