已合并
ButtonAttribute工程整改 #7597
LLDawn创建于 2025年11月12日
ButtonAttribute工程整改 #7597
已合并
共 2 个文件变更+16-10
| @@ -14,13 +14,13 @@ | |||
| 14 | 14 | ||
| 15 | ### 使用说明 | 15 | ### 使用说明 |
| 16 | 16 | ||
| 17 | -1. 在主界面，可以点击对应卡片，选择需要参考的组件示例。 | 17 | +1. 通过运行Button1.test.ets测试用例，使页面从Index页面跳到Button1页面，按钮颜色由灰色变成绿色。 |
| 18 | 18 | ||
| 19 | -2. 在组件目录选择详细的示例参考。 | 19 | +2. 通过运行Button2.test.ets测试用例，使页面从Index页面跳到Button2页面，按钮颜色由灰色变成绿色。 |
| 20 | 20 | ||
| 21 | -3. 进入示例界面，查看参考示例。 | 21 | +3. 通过运行Button3.test.ets测试用例，使页面从Index页面跳到Button3页面，按钮颜色由蓝色变成灰色且按钮宽度变短，之后按钮恢复原样。 |
| 22 | 22 | ||
| 23 | -4. 通过自动测试框架可进行测试及维护。 | 23 | +4. 通过运行Button4.test.ets测试用例，使页面从Index页面跳到Button4页面，按钮颜色由绿色变成蓝色且边框颜色变成橙色，之后按钮恢复原样。 |
| 24 | 24 | ||
| 25 | ### 工程目录 | 25 | ### 工程目录 |
| 26 | ``` | 26 | ``` |
| @@ -32,10 +32,16 @@ entry/src/main/ets/ | |||
| 32 | | |---ButtonModifier04.ets //定义ButtonModifier | 32 | | |---ButtonModifier04.ets //定义ButtonModifier |
| 33 | |---entryability | 33 | |---entryability |
| 34 | |---pages | 34 | |---pages |
| 35 | -| |---AttributeDemo01.ets // 按钮主题切换与多态样式 | 35 | +| |---Button1.ets // 按钮主题切换与多态样式 |
| 36 | -entry/src/ohosTest/ | 36 | +| |---Button2.ets // 按钮主题切换与多态样式 |
| 37 | -|---ets | 37 | +| |---Button3.ets // 按钮主题切换与多态样式 |
| 38 | -| |---Attribute.test.ets // 对应页面测试代码 | 38 | +| |---Button4.ets // 按钮主题切换与多态样式 |
| 39 | +entry/src/ohosTest/ets | ||
| 40 | +|---test | ||
| 41 | +| |---Button1.test.ets // 对应页面测试代码 | ||
| 42 | +| |---Button2.test.ets // 对应页面测试代码 | ||
| 43 | +| |---Button3.test.ets // 对应页面测试代码 | ||
| 44 | +| |---Button4.test.ets // 对应页面测试代码 | ||
| 39 | ``` | 45 | ``` |
| 40 | ### 具体实现 | 46 | ### 具体实现 |
| 41 | 一、使用AttributeModifier实现按钮主题切换与多态样式： | 47 | 一、使用AttributeModifier实现按钮主题切换与多态样式： |
| @@ -15,12 +15,12 @@ | |||
| 15 | // [Start main_button2] | 15 | // [Start main_button2] |
| 16 | 16 | ||
| 17 | // pages/Button2.ets | 17 | // pages/Button2.ets |
| 18 | -import { MyButtonModifier2 } from '../Common/ButtonModifier02' | 18 | +import { MyButtonModifier } from '../Common/ButtonModifier01' |
| 19 | 19 | ||
| 20 | @Entry | 20 | @Entry |
| 21 | @Component | 21 | @Component |
| 22 | struct Button2 { | 22 | struct Button2 { |
| 23 | - @State modifier: MyButtonModifier2 = new MyButtonModifier2(true); | 23 | + @State modifier: MyButtonModifier = new MyButtonModifier(true); |
| 24 | 24 | ||
| 25 | build() { | 25 | build() { |
| 26 | Row() { | 26 | Row() { |