日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
HarmonyOS之時鐘FA卡片開發(fā)樣例實(shí)踐

想了解更多內(nèi)容，請訪問：

為玄武等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及玄武網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、成都做網(wǎng)站、玄武網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

和華為官方合作共建的鴻蒙技術(shù)社區(qū)

https://harmonyos.

時鐘FA卡片開發(fā)樣例

介紹

服務(wù)卡片是FA的一種主要信息呈現(xiàn)形式，開發(fā)者可以在卡片中展示用戶最關(guān)心的FA數(shù)據(jù)，并可以通過點(diǎn)擊卡片內(nèi)容直接打開FA。例如，天氣類FA，可以在服務(wù)卡片中展示當(dāng)前的基本天氣信息，點(diǎn)擊卡片啟動天氣FA，展示詳細(xì)的天氣數(shù)據(jù)。

同時，服務(wù)卡片支持不同的規(guī)格尺寸，開發(fā)者可以根據(jù)展示的不同內(nèi)容和布局效果，選用不同的卡片尺寸，支持的尺寸包括：1x2、2x2、2x4 和 4x4。

知識點(diǎn)：

1.對象關(guān)系型數(shù)據(jù)庫的使用，如何查詢、創(chuàng)建卡片、刪除卡片

2.如何更新卡片數(shù)據(jù)

搭建環(huán)境

安裝DevEco Studio，詳情請參考DevEco Studio下載。

設(shè)置DevEco Studio開發(fā)環(huán)境，DevEco Studio開發(fā)環(huán)境需要依賴于網(wǎng)絡(luò)環(huán)境，需要連接上網(wǎng)絡(luò)才能確保工具的正常使用，可以根據(jù)如下兩種情況來配置開發(fā)環(huán)境：

如果可以直接訪問Internet，只需進(jìn)行下載HarmonyOS SDK操作。

如果網(wǎng)絡(luò)不能直接訪問Internet，需要通過代理服務(wù)器才可以訪問，請參考配置開發(fā)環(huán)境。

代碼結(jié)構(gòu)解讀

 
 
 
 
    
  
  
  
  
  1. ├─config.json #項(xiàng)目配置文件
    2. 
  
  
  
  
  2. ├─java
    3. 
  
  
  
  
  3. │  └─com
    4. 
  
  
  
  
  4. │      └─huawei
    5. 
  
  
  
  
  5. │          └─learnharmony
    6. 
  
  
  
  
  6. │              │  MainAbility.java
    7. 
  
  
  
  
  7. │              │  MyApplication.java
    8. 
  
  
  
  
  8. │              │  TimerAbility.java  #用于定時更新卡片的服務(wù)
    9. 
  
  
  
  
  9. │              │
    10. 
  
  
  
  
  10. │              ├─database
    11. 
  
  
  
  
  11. │              │      Form.java #卡片表，extends OrmObject 
    12. 
  
  
  
  
  12. │              │      FormDatabase.java #卡片數(shù)據(jù)庫，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 #數(shù)據(jù)庫工具類，實(shí)現(xiàn)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 #主能力頁，默認(rèn)
    34. 
  
  
  
  
  34.         │      form_image_with_info_date_card_1_2.xml #1x2規(guī)格的卡片
    35. 
  
  
  
  
  35.         │      form_image_with_info_date_card_2_2.xml #2x2規(guī)格的卡片
    36. 
  
  
  
  
  36.         │      form_image_with_info_date_card_2_4.xml #2x4規(guī)格的卡片
    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規(guī)格的卡片

 
 
 
 
    
  
  
  
  
    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規(guī)格的卡片

 
 
 
 
    
  
  
  
  
    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規(guī)格的卡片

 
 
 
 
    
  
  
  
  
    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" 
                                                分享標(biāo)題：HarmonyOS之時鐘FA卡片開發(fā)樣例實(shí)踐                                                
    
                                                轉(zhuǎn)載來源：http://m.5511xx.com/article/dpddjcg.html