HarmonyOS之时钟FA卡片开发样例实践

想了解更多内容，请访问：

为玄武等地区用户提供了全套网页设计制作服务，及玄武网站建设行业解决方案。主营业务为成都网站设计、成都做网站、玄武网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

和华为官方合作共建的鸿蒙技术社区

https://harmonyos.

时钟FA卡片开发样例

介绍

服务卡片是FA的一种主要信息呈现形式，开发者可以在卡片中展示用户最关心的FA数据，并可以通过点击卡片内容直接打开FA。例如，天气类FA，可以在服务卡片中展示当前的基本天气信息，点击卡片启动天气FA，展示详细的天气数据。

同时，服务卡片支持不同的规格尺寸，开发者可以根据展示的不同内容和布局效果，选用不同的卡片尺寸，支持的尺寸包括：1x2、2x2、2x4 和 4x4。

知识点：

1.对象关系型数据库的使用，如何查询、创建卡片、删除卡片

2.如何更新卡片数据

搭建环境

安装DevEco Studio，详情请参考DevEco Studio下载。

设置DevEco Studio开发环境，DevEco Studio开发环境需要依赖于网络环境，需要连接上网络才能确保工具的正常使用，可以根据如下两种情况来配置开发环境：

如果可以直接访问Internet，只需进行下载HarmonyOS SDK操作。

如果网络不能直接访问Internet，需要通过代理服务器才可以访问，请参考配置开发环境。

代码结构解读

 
 
 
 
    
  
  
  
  
  1. ├─config.json #项目配置文件
    2. 
  
  
  
  
  2. ├─java
    3. 
  
  
  
  
  3. │  └─com
    4. 
  
  
  
  
  4. │      └─huawei
    5. 
  
  
  
  
  5. │          └─learnharmony
    6. 
  
  
  
  
  6. │              │  MainAbility.java
    7. 
  
  
  
  
  7. │              │  MyApplication.java
    8. 
  
  
  
  
  8. │              │  TimerAbility.java  #用于定时更新卡片的服务
    9. 
  
  
  
  
  9. │              │
    10. 
  
  
  
  
  10. │              ├─database
    11. 
  
  
  
  
  11. │              │      Form.java #卡片表，extends OrmObject 
    12. 
  
  
  
  
  12. │              │      FormDatabase.java #卡片数据库，extends OrmDatabase
    13. 
  
  
  
  
  13. │              │
    14. 
  
  
  
  
  14. │              ├─slice
    15. 
  
  
  
  
  15. │              │      ClockCardSlice.java #时钟卡片主能力页，extends AbilitySlice
    16. 
  
  
  
  
  16. │              │
    17. 
  
  
  
  
  17. │              └─utils
    18. 
  
  
  
  
  18. │                      ComponentProviderUtils.java #ComponentProvider工具类
    19. 
  
  
  
  
  19. │                      DatabaseUtils.java #数据库工具类，实现Form的添加和删除
    20. 
  
  
  
  
  20. │                      DateUtils.java  #日期工具类
    21. 
  
  
  
  
  21. │                      LogUtils.java #日志工具类
    22. 
  
  
  
  
  22. │
    23. 
  
  
  
  
  23. └─resources
    24. 
  
  
  
  
  24.     └─base
    25. 
  
  
  
  
  25.         ├─element
    26. 
  
  
  
  
  26.         │      string.json
    27. 
  
  
  
  
  27.         │
    28. 
  
  
  
  
  28.         ├─graphic
    29. 
  
  
  
  
  29.         │      background_ability_main.xml
    30. 
  
  
  
  
  30.         │      background_week.xml
    31. 
  
  
  
  
  31.         │
    32. 
  
  
  
  
  32.         ├─layout
    33. 
  
  
  
  
  33.         │      ability_main.xml #主能力页，默认
    34. 
  
  
  
  
  34.         │      form_image_with_info_date_card_1_2.xml #1x2规格的卡片
    35. 
  
  
  
  
  35.         │      form_image_with_info_date_card_2_2.xml #2x2规格的卡片
    36. 
  
  
  
  
  36.         │      form_image_with_info_date_card_2_4.xml #2x4规格的卡片
    37. 
  
  
  
  
  37.         │
    38. 
  
  
  
  
  38.         └─media
    39. 
  
  
  
  
  39.                 form_image_with_info_datecard_default_image_2.png
    40. 
  
  
  
  
  40.                 form_image_with_info_form_card_default_image_2.png
    41. 
  
  
  
  
  41.                 icon.png
    42.

卡片布局

form_image_with_info_date_card_1_2.xml #1x2规格的卡片

 
 
 
 
    
  
  
  
  
    2. 
  
  
  
  
  2. 
  
  
  
  
  3.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
    4. 
  
  
  
  
  4.     ohos:height="match_parent"
    5. 
  
  
  
  
  5.     ohos:width="match_parent"
    6. 
  
  
  
  
  6.     ohos:background_element="#FFFFFFFF"
    7. 
  
  
  
  
  7.     ohos:remote="true">
    8. 
  
  
  
  
  8. 
  
  
  
  
  9.     
  
  
  
  
  10.         ohos:height="match_content"
    11. 
  
  
  
  
  11.         ohos:width="match_parent"
    12. 
  
  
  
  
  12.         ohos:orientation="vertical"
    13. 
  
  
  
  
  13.         ohos:vertical_center="true"
    14. 
  
  
  
  
  14.         >
    15. 
  
  
  
  
  15.         
  
  
  
  
  16.             ohos:id="$+id:date"
    17. 
  
  
  
  
  17.             ohos:height="match_content"
    18. 
  
  
  
  
  18.             ohos:width="match_content"
    19. 
  
  
  
  
  19.             ohos:center_in_parent="true"
    20. 
  
  
  
  
  20.             ohos:text="2021-03-24"
    21. 
  
  
  
  
  21.             ohos:text_alignment="vertical_center"
    22. 
  
  
  
  
  22.             ohos:text_font="sans-serif-medium"
    23. 
  
  
  
  
  23.             ohos:text_size="20fp"
    24. 
  
  
  
  
  24.             />
    25. 
  
  
  
  
  25. 
  
  
  
  
  26.     
    27. 
  
  
  
  
  27.

form_image_with_info_date_card_2_2.xml #2x2规格的卡片

 
 
 
 
    
  
  
  
  
    2. 
  
  
  
  
  2. 
  
  
  
  
  3.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
    4. 
  
  
  
  
  4.     ohos:height="match_parent"
    5. 
  
  
  
  
  5.     ohos:width="match_parent"
    6. 
  
  
  
  
  6.     ohos:background_element="#FFFFFFFF"
    7. 
  
  
  
  
  7.     ohos:remote="true">
    8. 
  
  
  
  
  8. 
  
  
  
  
  9.     
  
  
  
  
  10.         ohos:height="match_content"
    11. 
  
  
  
  
  11.         ohos:width="match_parent"
    12. 
  
  
  
  
  12.         ohos:orientation="vertical"
    13. 
  
  
  
  
  13.         >
    14. 
  
  
  
  
  14. 
  
  
  
  
  15.         
  
  
  
  
  16.             ohos:id="$+id:date"
    17. 
  
  
  
  
  17.             ohos:height="match_content"
    18. 
  
  
  
  
  18.             ohos:width="match_parent"
    19. 
  
  
  
  
  19.             ohos:text_alignment="horizontal_center"
    20. 
  
  
  
  
  20.             ohos:margin="12fp"
    21. 
  
  
  
  
  21.             ohos:text="2021-03-24"
    22. 
  
  
  
  
  22.             ohos:text_font="sans-serif-medium"
    23. 
  
  
  
  
  23.             ohos:text_size="10fp"
    24. 
  
  
  
  
  24.             />
    25. 
  
  
  
  
  25.     
    26. 
  
  
  
  
  26. 
  
  
  
  
  27.     
  
  
  
  
  28.         ohos:id="$+id:title"
    29. 
  
  
  
  
  29.         ohos:height="match_content"
    30. 
  
  
  
  
  30.         ohos:width="match_parent"
    31. 
  
  
  
  
  31.         ohos:alignment="horizontal_center"
    32. 
  
  
  
  
  32.         ohos:orientation="horizontal"
    33. 
  
  
  
  
  33.         ohos:top_margin="35fp"
    34. 
  
  
  
  
  34.         >
    35. 
  
  
  
  
  35. 
  
  
  
  
  36.         
  
  
  
  
  37.             ohos:height="match_content"
    38. 
  
  
  
  
  38.             ohos:width="match_content"
    39. 
  
  
  
  
  39.             ohos:margin="8vp"
    40. 
  
  
  
  
  40.             ohos:text="HOUR"
    41. 
  
  
  
  
  41.             ohos:text_size="10fp"
    42. 
  
  
  
  
  42.             />
    43. 
  
  
  
  
  43. 
  
  
  
  
  44.         
  
  
  
  
  45.             ohos:height="match_content"
    46. 
  
  
  
  
  46.             ohos:width="match_content"
    47. 
  
  
  
  
  47.             ohos:margin="8vp"
    48. 
  
  
  
  
  48.             ohos:text="MIN"
    49. 
  
  
  
  
  49.             ohos:text_size="10fp"
    50. 
  
  
  
  
  50.             />
    51. 
  
  
  
  
  51. 
  
  
  
  
  52.         
  
  
  
  
  53.             ohos:height="match_content"
    54. 
  
  
  
  
  54.             ohos:width="match_content"
    55. 
  
  
  
  
  55.             ohos:margin="8vp"
    56. 
  
  
  
  
  56.             ohos:text="SEC"
    57. 
  
  
  
  
  57.             ohos:text_size="10fp"
    58. 
  
  
  
  
  58.             />
    59. 
  
  
  
  
  59.     
    60. 
  
  
  
  
  60. 
  
  
  
  
  61.     
  
  
  
  
  62.         ohos:id="$+id:time"
    63. 
  
  
  
  
  63.         ohos:height="match_content"
    64. 
  
  
  
  
  64.         ohos:width="match_parent"
    65. 
  
  
  
  
  65.         ohos:alignment="horizontal_center"
    66. 
  
  
  
  
  66.         ohos:below="$id:title"
    67. 
  
  
  
  
  67.         ohos:orientation="horizontal"
    68. 
  
  
  
  
  68.         ohos:top_margin="0.5fp"
    69. 
  
  
  
  
  69.         >
    70. 
  
  
  
  
  70. 
  
  
  
  
  71.         
  
  
  
  
  72.             ohos:id="$+id:hour"
    73. 
  
  
  
  
  73.             ohos:height="match_content"
    74. 
  
  
  
  
  74.             ohos:width="match_content"
    75. 
  
  
  
  
  75.             ohos:left_margin="10vp"
    76. 
  
  
  
  
  76.             ohos:right_margin="5vp"
    77. 
  
  
  
  
  77.             ohos:text="00"
    78. 
  
  
  
  
  78.             ohos:text_font="HwChinese-medium"
    79. 
  
  
  
  
  79.             ohos:text_size="20fp"
    80. 
  
  
  
  
  80.             ohos:top_margin="2vp"
    81. 
  
  
  
  
  81.             />
    82. 
  
  
  
  
  82. 
  
  
  
  
  83.         
  
  
  
  
  84.             ohos:height="match_content"
    85. 
  
  
  
  
  85.             ohos:width="match_content"
    86. 
  
  
  
  
  86.             ohos:text=":"
    87. 
  
  
  
  
  87.             ohos:text_font="bold"
    88. 
  
  
  
  
  88.             ohos:text_size="20fp"
    89. 
  
  
  
  
  89.             ohos:top_margin="2vp"
    90. 
  
  
  
  
  90.             />
    91. 
  
  
  
  
  91. 
  
  
  
  
  92.         
  
  
  
  
  93.             ohos:id="$+id:min"
    94. 
  
  
  
  
  94.             ohos:height="match_content"
    95. 
  
  
  
  
  95.             ohos:width="match_content"
    96. 
  
  
  
  
  96.             ohos:left_margin="5vp"
    97. 
  
  
  
  
  97.             ohos:right_margin="5vp"
    98. 
  
  
  
  
  98.             ohos:text="00"
    99. 
  
  
  
  
  99.             ohos:text_font="HwChinese-medium"
    100. 
  
  
  
  
  100.             ohos:text_size="20fp"
    101. 
  
  
  
  
  101.             ohos:top_margin="2vp"
    102. 
  
  
  
  
  102.             />
    103. 
  
  
  
  
  103. 
  
  
  
  
  104.         
  
  
  
  
  105.             ohos:height="match_content"
    106. 
  
  
  
  
  106.             ohos:width="match_content"
    107. 
  
  
  
  
  107.             ohos:text=":"
    108. 
  
  
  
  
  108.             ohos:text_font="bold"
    109. 
  
  
  
  
  109.             ohos:text_size="20fp"
    110. 
  
  
  
  
  110.             ohos:top_margin="2vp"
    111. 
  
  
  
  
  111.             />
    112. 
  
  
  
  
  112. 
  
  
  
  
  113.         
  
  
  
  
  114.             ohos:id="$+id:sec"
    115. 
  
  
  
  
  115.             ohos:height="match_content"
    116. 
  
  
  
  
  116.             ohos:width="match_content"
    117. 
  
  
  
  
  117.             ohos:left_margin="5vp"
    118. 
  
  
  
  
  118.             ohos:right_margin="10vp"
    119. 
  
  
  
  
  119.             ohos:text="00"
    120. 
  
  
  
  
  120.             ohos:text_font="HwChinese-medium"
    121. 
  
  
  
  
  121.             ohos:text_size="20fp"
    122. 
  
  
  
  
  122.             ohos:top_margin="2vp"
    123. 
  
  
  
  
  123.             />
    124. 
  
  
  
  
  124.     
    125. 
  
  
  
  
  125. 
  
  
  
  
  126.     
  
  
  
  
  127.         ohos:height="match_content"
    128. 
  
  
  
  
  128.         ohos:width="match_parent"
    129. 
  
  
  
  
  129.         ohos:alignment="center"
    130. 
  
  
  
  
  130.         ohos:below="$id:time"
    131. 
  
  
  
  
  131.         ohos:margin="16fp"
    132. 
  
  
  
  
  132.         ohos:orientation="horizontal"
    133. 
  
  
  
  
  133.         >
    134. 
  
  
  
  
  134.         
  
  
  
  
  135.             ohos:id="$+id:sun"
    136. 
  
  
  
  
  136.             ohos:height="match_content"
    137. 
  
  
  
  
  137.             ohos:width="match_content"
    138. 
  
  
  
  
  138.             ohos:text="日"
    139. 
  
  
  
  
  139.             ohos:text_color="#C0C0C0"
    140. 
  
  
  
  
  140.             ohos:text_size="10fp"
    141. 
  
  
  
  
  141.             ohos:weight="1"
    142. 
  
  
  
  
  142.             />
    143. 
  
  
  
  
  143.         
  
  
  
  
  144.             ohos:id="$+id:mon"
    145. 
  
  
  
  
  145.             ohos:height="match_content"
    146. 
  
  
  
  
  146.             ohos:width="match_content"
    147. 
  
  
  
  
  147.             ohos:text="一"
    148. 
  
  
  
  
  148.             ohos:text_color="#C0C0C0"
    149. 
  
  
  
  
  149.             ohos:text_size="10fp"
    150. 
  
  
  
  
  150.             ohos:weight="1"
    151. 
  
  
  
  
  151.             />
    152. 
  
  
  
  
  152. 
  
  
  
  
  153.         
  
  
  
  
  154.             ohos:id="$+id:tue"
    155. 
  
  
  
  
  155.             ohos:height="match_content"
    156. 
  
  
  
  
  156.             ohos:width="match_content"
    157. 
  
  
  
  
  157.             ohos:text="二"
    158. 
  
  
  
  
  158.             ohos:text_color="#C0C0C0"
    159. 
  
  
  
  
  159.             ohos:text_size="10fp"
    160. 
  
  
  
  
  160.             ohos:weight="1"
    161. 
  
  
  
  
  161.             />
    162. 
  
  
  
  
  162. 
  
  
  
  
  163.         
  
  
  
  
  164.             ohos:id="$+id:wed"
    165. 
  
  
  
  
  165.             ohos:height="match_content"
    166. 
  
  
  
  
  166.             ohos:width="match_content"
    167. 
  
  
  
  
  167.             ohos:text="三"
    168. 
  
  
  
  
  168.             ohos:text_color="#C0C0C0"
    169. 
  
  
  
  
  169.             ohos:text_size="10fp"
    170. 
  
  
  
  
  170.             ohos:weight="1"
    171. 
  
  
  
  
  171.             />
    172. 
  
  
  
  
  172. 
  
  
  
  
  173.         
  
  
  
  
  174.             ohos:id="$+id:thu"
    175. 
  
  
  
  
  175.             ohos:height="match_content"
    176. 
  
  
  
  
  176.             ohos:width="match_content"
    177. 
  
  
  
  
  177.             ohos:text="四"
    178. 
  
  
  
  
  178.             ohos:text_color="#C0C0C0"
    179. 
  
  
  
  
  179.             ohos:text_size="10fp"
    180. 
  
  
  
  
  180.             ohos:weight="1"
    181. 
  
  
  
  
  181.             />
    182. 
  
  
  
  
  182. 
  
  
  
  
  183.         
  
  
  
  
  184.             ohos:id="$+id:fri"
    185. 
  
  
  
  
  185.             ohos:height="match_content"
    186. 
  
  
  
  
  186.             ohos:width="match_content"
    187. 
  
  
  
  
  187.             ohos:text="五"
    188. 
  
  
  
  
  188.             ohos:text_color="#C0C0C0"
    189. 
  
  
  
  
  189.             ohos:text_size="10fp"
    190. 
  
  
  
  
  190.             ohos:weight="1"
    191. 
  
  
  
  
  191.             />
    192. 
  
  
  
  
  192. 
  
  
  
  
  193.         
  
  
  
  
  194.             ohos:id="$+id:sat"
    195. 
  
  
  
  
  195.             ohos:height="match_content"
    196. 
  
  
  
  
  196.             ohos:width="match_content"
    197. 
  
  
  
  
  197.             ohos:text="六"
    198. 
  
  
  
  
  198.             ohos:text_color="#C0C0C0"
    199. 
  
  
  
  
  199.             ohos:text_size="10fp"
    200. 
  
  
  
  
  200.             ohos:weight="1"
    201. 
  
  
  
  
  201.             />
    202. 
  
  
  
  
  202.     
    203. 
  
  
  
  
  203.

form_image_with_info_date_card_2_4.xml #2x4规格的卡片

 
 
 
 
    
  
  
  
  
    2. 
  
  
  
  
  2. 
  
  
  
  
  3.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
    4. 
  
  
  
  
  4.     ohos:height="match_parent"
    5. 
  
  
  
  
  5.     ohos:width="match_parent"
    6. 
  
  
  
  
  6.     ohos:background_element="#FFFFFFFF"
    7. 
  
  
  
  
  7.     ohos:remote="true">
    8. 
  
  
  
  
  8. 
  
  
  
  
  9.     
  
  
  
  
  10.         ohos:height="match_content"
    11. 
  
  
  
  
  11.         ohos:width="match_parent"
    12. 
  
  
  
  
  12.         ohos:orientation="horizontal"
    13. 
  
  
  
  
  13.         >
    14. 
  
  
  
  
  14. 
  
  
  
  
  15.         
  
  
  
  
  16.             ohos:id="$+id:date"
    17. 
  
  
  
  
  17.             ohos:height="match_content"
    18. 
  
  
  
  
  18.             ohos:width="match_content"
    19. 
  
  
  
  
  19.             ohos:align_parent_left="true"
    20. 
  
  
  
  
  20.             ohos:margin="10fp"
    21. 
  
  
  
  
  21.             ohos:text="2021-03-24"
    22. 
  
  
  
  
  22.             ohos:text_font="sans-serif-medium"
    23. 
  
  
  
  
  23.             ohos:text_size="20fp"
    24. 
  
  
  
  
  24.             />
    25. 
  
  
  
  
  25. 
  
  
  
  
  26.         
  
  
  
  
  27.             ohos:height="match_content"
    28. 
  
  
  
  
  28.             ohos:width="match_content"
    29. 
  
  
  
  
  29.             ohos:align_parent_right="true"
    30. 
  
  
  
  
  30.             ohos:orientation="horizontal"
    31. 
  
  
  
  
  31.             ohos:top_margin="10fp"
    32. 
  
  
  
  
  32.             >
    33. 
  
  
  
  
  33. 
  
  
  
  
  34.             
  
  
  
  
  35.                 ohos:id="$+id:sun"
    36. 
  
  
  
  
  36.                 ohos:height="match_content"
    37. 
  
  
  
  
  37.                 ohos:width="match_content"
    38. 
  
  
  
  
  38.                 ohos:text="日"
    39. 
  
  
  
  
  39.                 ohos:text_color="#C0C0C0"
    40. 
  
  
  
  
  40.                 ohos:text_size="20fp"
    41. 
  
  
  
  
  41.                 ohos:weight="1"
    42. 
  
  
  
  
  42.                 />
    43. 
  
  
  
  
  43. 
  
  
  
  
  44.             
  
  
  
  
  45.                 ohos:id="$+id:mon"
    46. 
  
  
  
  
  46.                 ohos:height="match_content"
    47. 
  
  
  
  
  47.                 ohos:width="match_content"
    48. 
  
  
  
  
  48.                 ohos:text="一"
    49. 
  
  
  
  
  49.                 ohos:text_color="#C0C0C0"
    50. 
  
  
  
  
  50.                 ohos:text_size="20fp"
    51. 
  
  
  
  
  51.                 ohos:weight="1"
    52. 
  
  
  
  
  52.                 />
    53. 
  
  
  
  
  53. 
  
  
  
  
  54.             
  
  
  
  
  55.                 ohos:id="$+id:tue"
    56. 
  
  
  
  
  56.                 ohos:height="match_content"
    57. 
  
  
  
  
  57.                 ohos:width="match_content"
    58. 
  
  
  
  
  58.                 ohos:text="二"
    59. 
  
  
  
  
  59.                 ohos:text_color="#C0C0C0"
    60. 
  
  
  
  
  60.                 ohos:text_size="20fp"
    61. 
  
  
  
  
  61.                 ohos:weight="1"
    62. 
  
  
  
  
  62.                 />
    63. 
  
  
  
  
  63. 
  
  
  
  
  64.             
  
  
  
  
  65.                 ohos:id="$+id:wed"
    66. 
  
  
  
  
  66.                 ohos:height="match_content"
    67. 
  
  
  
  
  67.                 ohos:width="match_content"
    68. 
  
  
  
  
  68.                 ohos:text="三"
    69. 
  
  
  
  
  69.                 ohos:text_color="#C0C0C0"
    70. 
  
  
  
  
  70.                 ohos:text_size="20fp"
    71. 
  
  
  
  
  71.                 ohos:weight="1"
    72. 
  
  
  
  
  72.                 />
    73. 
  
  
  
  
  73. 
  
  
  
  
  74.             
  
  
  
  
  75.                 ohos:id="$+id:thu"
    76. 
  
  
  
  
  76.                 ohos:height="match_content"
    77. 
  
  
  
  
  77.                 ohos:width="match_content"
    78. 
  
  
  
  
  78.                 ohos:text="四"
    79. 
  
  
  
  
  79.                 ohos:text_color="#C0C0C0"
    80. 
  
  
  
  
  80.                 ohos:text_size="20fp"
    81. 
  
  
  
  
  81.                 ohos:weight="1"
    82. 
  
  
  
  
  82.                 />
    83. 
  
  
  
  
  83. 
  
  
  
  
  84.             
  
  
  
  
  85.                 ohos:id="$+id:fri"
    86. 
  
  
  
  
  86.                 ohos:height="match_content"
    87. 
  
  
  
  
  87.                 ohos:width="match_content"
    88. 
  
  
  
  
  88.                 ohos:text="五"
    89. 
  
  
  
  
  89.                 ohos:text_color="#C0C0C0"
    90. 
  
  
  
  
  90.                 ohos:text_size="20fp"
    91. 
  
  
  
  
  91.                 ohos:weight="1"
    92. 
  
  
  
  
  92.                 />
    93. 
  
  
  
  
  93. 
  
  
  
  
  94.             
  
  
  
  
  95.                 ohos:id="$+id:sat"
    96. 
  
  
  
  
  96.                 ohos:height="match_content"
    97. 
  
  
  
  
  97.                 ohos:width="match_content"
    98. 
  
  
  
  
  98.                 ohos:text="六"
    99. 
  
  
  
  
  99.                 ohos:text_color="#C0C0C0"
    100. 
  
  
  
  
  100.                 ohos:text_size="20fp"
    101. 
  
  
  
  
  101.                 ohos:weight="1"
    102. 
  
  
  
  
  102.                 ohos:right_margin="10fp"
    103. 
  
  
  
  
  103.                 />
    104. 
  
  
  
  
  104.         
    105. 
  
  
  
  
  105.     
    106. 
  
  
  
  
  106. 
  
  
  
  
  107.     
  
  
  
  
  108.         ohos:id="$+id:title"
    109. 
  
  
  
  
  109.         ohos:height="match_content"
    110. 
  
  
  
  
  110.         ohos:width="match_parent"
    111. 
  
  
  
  
  111.         ohos:alignment="horizontal_center"
    112. 
  
  
  
  
  112.         ohos:orientation="horizontal"
    113. 
  
  
  
  
  113.         ohos:top_margin="35fp"
    114. 
  
  
  
  
  114.         >
    115. 
  
  
  
  
  115. 
  
  
  
  
  116.         
  
  
  
  
  117.             ohos:height="match_content"
    118. 
  
  
  
  
  118.             ohos:width="match_content"
    119. 
  
  
  
  
  119. 
  
  
  
  
  120.             ohos:top_margin="20vp"
    121. 
  
  
  
  
  121.             ohos:left_margin="20vp"
    122. 
  
  
  
  
  122.             ohos:right_margin="20vp"
    123. 
  
  
  
  
  123.             ohos:text="HOUR"
    124. 
  
  
  
  
  124.             ohos:text_size="20fp"
    125. 
  
  
  
  
  125.             />
    126. 
  
  
  
  
  126. 
  
  
  
  
  127.         
  
  
  
  
  128.             ohos:height="match_content"
    129. 
  
  
  
  
  129.             ohos:width="match_content"
    130. 
  
  
  
  
  130. 
  
  
  
  
  131.             ohos:top_margin="20vp"
    132. 
  
  
  
  
  132.             ohos:left_margin="20vp"
    133. 
  
  
  
  
  133.             ohos:right_margin="20vp"
    134. 
  
  
  
  
  134.             ohos:text="MIN"
    135. 
  
  
  
  
  135.             ohos:text_size="20fp"
    136. 
  
  
  
  
  136.             />
    137. 
  
  
  
  
  137. 
  
  
  
  
  138.         
  
  
  
  
  139.             ohos:height="match_content"
    140. 
  
  
  
  
  140.             ohos:width="match_content"
    141. 
  
  
  
  
  141.             ohos:top_margin="20vp"
    142. 
  
  
  
  
  142.             ohos:left_margin="20vp"
    143. 
  
  
  
  
  143.             ohos:right_margin="20vp"
    144. 
  
  
  
  
  144.             ohos:text="SEC"
    145. 
  
  
  
  
  145.             ohos:text_size="20fp"
    146. 
  
  
  
  
  146.             />
    147. 
  
  
  
  
  147.     
    148. 
  
  
  
  
  148. 
  
  
  
  
  149.     
  
  
  
  
  150.         ohos:id="$+id:time"
    151. 
  
  
  
  
  151.         ohos:height="match_content"
    152. 
  
  
  
  
  152.         ohos:width="match_parent"
    153. 
  
  
  
  
  153.         ohos:alignment="horizontal_center"
    154. 
  
  
  
  
  154.         ohos:below="$id:title"
    155. 
  
  
  
  
  155.         ohos:orientation="horizontal"
    156. 
  
  
  
  
  156. 
  
  
  
  
  157.         >
    158. 
  
  
  
  
  158. 
  
  
  
  
  159.         
  
  
  
  
  160.             ohos:id="$+id:hour"
    161. 
  
  
  
  
  161.             ohos:height="match_content"
    162. 
  
  
  
  
  162.             ohos:width="match_content"
    163. 
  
  
  
  
  163.             ohos:left_margin="20vp"
    164. 
  
  
  
  
  164.             ohos:right_margin="10vp"
    165. 
  
  
  
  
  165.             ohos:text="00"
    166. 
  
  
  
  
  166.             ohos:text_font="HwChinese-medium"
    167. 
  
  
  
  
  167.             ohos:text_size="40fp"
    168. 
  
  
  
  
  168.             ohos:top_margin="2vp"
    169. 
  
  
  
  
  169. 
  
  
  
  
  170.             />
    171. 
  
  
  
  
  171. 
  
  
  
  
  172.         
  
  
  
  
  173.             ohos:height="match_content"
    174. 
  
  
  
  
  174.             ohos:width="match_content"
    175. 
  
  
  
  
  175.             ohos:text=":"
    176. 
  
  
  
  
  176.             ohos:text_font="bold"
    177. 
  
  
  
  
  177.             ohos:text_size="40fp"
    178. 
  
  
  
  
  178.             ohos:top_margin="2vp"
    179. 
  
  
  
  
  179.             />
    180. 
  
  
  
  
  180. 
  
  
  
  
  181.         
  
  
  
  
  182.             ohos:id="$+id:min"
    183. 
  
  
  
  
  183.             ohos:height="match_content"
    184. 
  
  
  
  
  184.             ohos:width="match_content"
    185. 
  
  
  
  
  185.             ohos:left_margin="10vp"
    186. 
  
  
  
  
  186.             ohos:right_margin="10vp"
    187. 
  
  
  
  
  187.             ohos:text="00"
    188. 
  
  
  
  
  188.             ohos:text_font="HwChinese-medium"
    189. 
  
  
  
  
  189.             ohos:text_size="40fp"
    190. 
  
  
  
  
  190.             ohos:top_margin="2vp"
    191. 
  
  
  
  
  191.             />
    192. 
  
  
  
  
  192. 
  
  
  
  
  193.         
  
  
  
  
  194.             ohos:height="match_content"
    195. 
  
  
  
  
  195.             ohos:width="match_content"
    196. 
  
  
  
  
  196.             ohos:text=":"
    197. 
  
  
  
  
  197.             ohos:text_font="bold" 
                当前标题：HarmonyOS之时钟FA卡片开发样例实践
                
    
                地址分享：http://www.shufengxianlan.com/qtweb/news27/528227.html
            
    
            
    
                网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
    
            
    
                广告
                
            
    
            
    
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                创新互联

猜你还喜欢下面的内容

自适应网站知识

行业网站建设

app软件开发公司　　 　钢筋机械设备　　 　微信公众号开发　　 　成都网站改版　　 　云服务器　　 　达州博佩科技　　 　甘孜州博瑞斯　　 　主机租用　　 　柔性防护网　　 　成都棕树电信机房　　 　移动APP　　 　企业网站改版　　 　h5页面制作　　 　德阳东方电机技改　　 　自贡服务器托管　　 　衣柜书柜酒柜定制　　 　迷你发光字　　 　四川德阳主机托管　　 　成都服装定制　　 　红光高低压开关厂