diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125174.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125174.png new file mode 100644 index 0000000000000000000000000000000000000000..f1abe2afcb7902557ac3c4f58abfdf333af03121 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125174.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125178.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125178.png new file mode 100644 index 0000000000000000000000000000000000000000..6064f64867e3aca621244e1e6fdb16d3ab2ed748 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125178.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125180.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125180.png new file mode 100644 index 0000000000000000000000000000000000000000..7cc96f8f6364b93923f0a88b895fe6b151080932 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125180.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125184.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125184.png new file mode 100644 index 0000000000000000000000000000000000000000..ecf361e4c749446160da1e8a07169b21d99f362a Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125184.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125188.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125188.png new file mode 100644 index 0000000000000000000000000000000000000000..44e4d991524bd0ef88a0dd10f204e022dd9d0621 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125188.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125190.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125190.png new file mode 100644 index 0000000000000000000000000000000000000000..5e23c304c4911dc0ef487dfeb8d7820aea5fb44b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125190.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125194.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125194.png new file mode 100644 index 0000000000000000000000000000000000000000..e370a44cf043fc34bd8891f57faad2cd2ca05707 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125194.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125210.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125210.png new file mode 100644 index 0000000000000000000000000000000000000000..a59bc9cdb0f75ad79e4714d3593216021369c862 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125210.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125214.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125214.png new file mode 100644 index 0000000000000000000000000000000000000000..b3c353b6a872d3597b767f4c216b2d16bfc2139b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125214.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125216.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125216.png new file mode 100644 index 0000000000000000000000000000000000000000..664d13c38389361e61a45870899e2a6f0bfc835f Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125216.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125218.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125218.png new file mode 100644 index 0000000000000000000000000000000000000000..1b0ed50716d897398c1e9a741e08ff5f1b9fd9de Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125218.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125222.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125222.png new file mode 100644 index 0000000000000000000000000000000000000000..2dadb92ce56793e2dd693bfa7d99b0c1168130dc Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125222.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125224.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125224.png new file mode 100644 index 0000000000000000000000000000000000000000..41be1a646e14511b5d177d11a7bce10deaee5bc9 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125224.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125226.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125226.png new file mode 100644 index 0000000000000000000000000000000000000000..2dadb92ce56793e2dd693bfa7d99b0c1168130dc Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125226.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125228.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125228.png new file mode 100644 index 0000000000000000000000000000000000000000..515185ab1b3cf9aaba1204760dae19ab3c112b42 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125228.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125230.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125230.png new file mode 100644 index 0000000000000000000000000000000000000000..984e7a561e661ecefca8b60d5ac239b67f96c98c Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125230.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125232.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125232.png new file mode 100644 index 0000000000000000000000000000000000000000..115cb4c96382681743381aeba099549dc24c2ae5 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125232.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125234.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125234.png new file mode 100644 index 0000000000000000000000000000000000000000..af32ecea68c1cef693bcfa379af5ac28f66c1e14 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125234.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125236.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125236.png new file mode 100644 index 0000000000000000000000000000000000000000..63a8c6adc29d340634ed06a1006a0fb56c991a9d Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125236.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125238.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125238.png new file mode 100644 index 0000000000000000000000000000000000000000..dfcb0c5e259b3f8d7375c21712249c1e847edd67 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125238.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125240.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125240.png new file mode 100644 index 0000000000000000000000000000000000000000..a9aba5f67b94427168fade014542532431e28a2e Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125240.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125242.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125242.png new file mode 100644 index 0000000000000000000000000000000000000000..5c5e360f249a2002ba68ad9b94bd7f66f5d6aab1 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125242.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125244.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125244.png new file mode 100644 index 0000000000000000000000000000000000000000..0d386fef5c4fa9faf1b29c7667c7392db250f2eb Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125244.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125246.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125246.png new file mode 100644 index 0000000000000000000000000000000000000000..7dfc7ee8793298d19c939369ba980abd547982ff Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125246.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125248.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125248.png new file mode 100644 index 0000000000000000000000000000000000000000..4b1948de8581602c6c5879c03d68c14f06eccd00 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125248.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125250.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125250.png new file mode 100644 index 0000000000000000000000000000000000000000..5d0ae86ad14ff863511a10ecc1a85b273e826dfc Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125250.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125254.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125254.png new file mode 100644 index 0000000000000000000000000000000000000000..309d1c46f8bc396df5eaed381a5ffa2f0389d602 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125254.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125256.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125256.png new file mode 100644 index 0000000000000000000000000000000000000000..02d5f4e31b020ea9f64e36a7b7cd50299cf3d7f2 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125256.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125258.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125258.png new file mode 100644 index 0000000000000000000000000000000000000000..e9a0799a203fdd7bd41fa5175585dc170a20156e Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125258.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125260.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125260.png new file mode 100644 index 0000000000000000000000000000000000000000..ac66614c0f277cd722b3d090cb10efb973152b0f Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125260.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125262.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125262.png new file mode 100644 index 0000000000000000000000000000000000000000..131584c72c082f40e2b466e2706c86a05df375e0 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127125262.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284968.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284968.png new file mode 100644 index 0000000000000000000000000000000000000000..c0df3f4f7d99f0b8c39995133c71d944bc07ea4b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284968.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284970.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284970.png new file mode 100644 index 0000000000000000000000000000000000000000..1c4f9ae52153198f8690a1066fe66ba8c7bd1ee1 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284970.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284972.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284972.png new file mode 100644 index 0000000000000000000000000000000000000000..69cb300d4bc8decee06c7fb64b03a24287865a8f Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284972.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284974.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284974.png new file mode 100644 index 0000000000000000000000000000000000000000..0a5eb251a8d731dc6a9d8b1f31f904c42fd372c3 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284974.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284976.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284976.png new file mode 100644 index 0000000000000000000000000000000000000000..ac0521001d2513fd69e48ce61e1d1128b9d3a6dd Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284976.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284980.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284980.png new file mode 100644 index 0000000000000000000000000000000000000000..4e41450db5d70f6d10d6d7bf59daba33085c177e Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284980.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284982.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284982.png new file mode 100644 index 0000000000000000000000000000000000000000..6e4476c4791e37d4681f8e12313ae1cad0887c1b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284982.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284990.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284990.png new file mode 100644 index 0000000000000000000000000000000000000000..4c4c304b67c398f32c5fff516cdde377ca39c73d Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284990.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284992.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284992.png new file mode 100644 index 0000000000000000000000000000000000000000..6dc88e656c293c2e65939e4a793684488dfc81be Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284992.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284996.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284996.png new file mode 100644 index 0000000000000000000000000000000000000000..e72165fdf1b24d80f0abde742ad3d848497c6ea7 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284996.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284998.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284998.png new file mode 100644 index 0000000000000000000000000000000000000000..57594c6855d4cdf1b37cc3e5354374c9dae0823b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127284998.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285000.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285000.png new file mode 100644 index 0000000000000000000000000000000000000000..c89f746719790333bce2bde8c5b8d86102fdfc33 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285000.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285002.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285002.png new file mode 100644 index 0000000000000000000000000000000000000000..8bc3583f82d21c8bec0c70b2da36ed05723fd9a7 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285002.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285006.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285006.png new file mode 100644 index 0000000000000000000000000000000000000000..891d52276622fd51893634ce26e08bd56f62b782 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285006.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285010.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285010.png new file mode 100644 index 0000000000000000000000000000000000000000..8b3eec4e46f6a29dc47694940ceaef1cfa1314af Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285010.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285012.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285012.png new file mode 100644 index 0000000000000000000000000000000000000000..45467f3e6fc0866b6da0521911bdb5e7d740df29 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285012.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285014.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285014.png new file mode 100644 index 0000000000000000000000000000000000000000..8e195633945b3387c46a7d295862351d4ff1fc64 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285014.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285016.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285016.png new file mode 100644 index 0000000000000000000000000000000000000000..cbc1d312680f479e8c443476ea39eaf1e8a16e55 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285016.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285018.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285018.png new file mode 100644 index 0000000000000000000000000000000000000000..1324b43b3f5b8dd0548cf2069c4c532c5284c445 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285018.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285020.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285020.png new file mode 100644 index 0000000000000000000000000000000000000000..481c833482d38c5f564127c8f412fe3c0275fd24 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285020.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285022.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285022.png new file mode 100644 index 0000000000000000000000000000000000000000..1072a50f468dda3c90c889c31424b7c290eb1a13 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285022.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285026.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285026.png new file mode 100644 index 0000000000000000000000000000000000000000..0d53a47b7eace81d5c7da88c59fee61e30c89681 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285026.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285028.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285028.png new file mode 100644 index 0000000000000000000000000000000000000000..f1abe2afcb7902557ac3c4f58abfdf333af03121 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285028.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285030.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285030.png new file mode 100644 index 0000000000000000000000000000000000000000..64fdda07447707816e8a6238939169f58a4ce58f Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285030.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285032.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285032.png new file mode 100644 index 0000000000000000000000000000000000000000..4e41c2cd90ba17798448d70b493ccceb3ac960f0 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285032.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285038.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285038.png new file mode 100644 index 0000000000000000000000000000000000000000..6eb2d41877c85cccfb918b042bc13c81c58ec191 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285038.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285040.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285040.png new file mode 100644 index 0000000000000000000000000000000000000000..2e7cec00f9d186d76ff5cb12d47811084217cc1c Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285040.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285042.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285042.png new file mode 100644 index 0000000000000000000000000000000000000000..daa035cea33b810571c18de67e4ac887eeb11850 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285042.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285044.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285044.png new file mode 100644 index 0000000000000000000000000000000000000000..6823cbc9203b07abae455b4ee5c7692878c4be72 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285044.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285046.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285046.png new file mode 100644 index 0000000000000000000000000000000000000000..ca1edf2219980ab9c8533b9fda3219521c50533d Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285046.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285048.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285048.png new file mode 100644 index 0000000000000000000000000000000000000000..bf38fe45eaf254939b88b9d2a66635408060acf7 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285048.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285050.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285050.png new file mode 100644 index 0000000000000000000000000000000000000000..3e6aaacfe1c26157294e6dedfeaa1488aeed12a3 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285050.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285052.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285052.png new file mode 100644 index 0000000000000000000000000000000000000000..6823cbc9203b07abae455b4ee5c7692878c4be72 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285052.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285054.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285054.png new file mode 100644 index 0000000000000000000000000000000000000000..dfcb0c5e259b3f8d7375c21712249c1e847edd67 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285054.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285056.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285056.png new file mode 100644 index 0000000000000000000000000000000000000000..9114031e04fc28be59e8c9567c0fcfe81a9cc5cb Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285056.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285058.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285058.png new file mode 100644 index 0000000000000000000000000000000000000000..6f085565bd8c64d44bf58ce0969557515ec7ab97 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285058.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285060.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285060.png new file mode 100644 index 0000000000000000000000000000000000000000..93825b7fe53a0794751ee4aa3ca46300c404835e Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285060.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285062.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285062.png new file mode 100644 index 0000000000000000000000000000000000000000..c0b21ed6b44c2f756458137f931873f540c16e5f Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285062.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285064.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285064.png new file mode 100644 index 0000000000000000000000000000000000000000..b80a6c31cdb287c35965c7841aa97711d79b371c Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285064.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285066.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285066.png new file mode 100644 index 0000000000000000000000000000000000000000..bca655617699ef8dc1265bf692a3170c7effe15b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285066.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285068.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285068.png new file mode 100644 index 0000000000000000000000000000000000000000..8a5c7039b580128e75299672dc5438151dcf3572 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285068.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285070.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285070.png new file mode 100644 index 0000000000000000000000000000000000000000..12085848c0f6472d53f7e6504c1924ea6f5a44c1 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001127285070.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164835.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164835.png new file mode 100644 index 0000000000000000000000000000000000000000..53081e06f458cfc1772de30f669180333b8d783d Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164835.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164837.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164837.png new file mode 100644 index 0000000000000000000000000000000000000000..a33c4fce8448e2127b21e277437195ce0002766b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164837.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164841.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164841.png new file mode 100644 index 0000000000000000000000000000000000000000..b234a769d1a9f1f30c4d2127160cf067e9f71ad6 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164841.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164843.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164843.png new file mode 100644 index 0000000000000000000000000000000000000000..3ca3e045717379bb09fa8d13ea0d42019bf546f2 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164843.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164849.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164849.png new file mode 100644 index 0000000000000000000000000000000000000000..069f570291be858a1768b75719a4a6adbd1bdef8 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164849.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164851.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164851.png new file mode 100644 index 0000000000000000000000000000000000000000..c33d763d18f5108bf0eedba19c662d05af397ee9 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164851.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164855.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164855.png new file mode 100644 index 0000000000000000000000000000000000000000..fe422eecde9ec9f1fcac762bd81a23b3fa3abde7 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164855.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164865.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164865.png new file mode 100644 index 0000000000000000000000000000000000000000..bc28f5056c679e189543c8ad6fba67fb56db7655 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164865.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164875.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164875.png new file mode 100644 index 0000000000000000000000000000000000000000..9ed54c6c5c5186fb43f24dab24f7689ae0d14a12 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164875.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164877.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164877.png new file mode 100644 index 0000000000000000000000000000000000000000..8442c9b2258c79ee6b6a3d5963df5b792bbb1a16 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164877.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164879.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164879.png new file mode 100644 index 0000000000000000000000000000000000000000..d77ed21418dc3035feb9f9c8e15815e577d71a90 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164879.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164885.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164885.png new file mode 100644 index 0000000000000000000000000000000000000000..9c43caf5fdfd466eafc37b793f509a6bde2b885d Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164885.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164887.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164887.png new file mode 100644 index 0000000000000000000000000000000000000000..ff0aa71de78cb461a6602398ee915c677efdf3d4 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164887.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164889.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164889.png new file mode 100644 index 0000000000000000000000000000000000000000..04bcf099edface801be6074a33ff33a980c9b606 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164889.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164893.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164893.png new file mode 100644 index 0000000000000000000000000000000000000000..00767e63c899eec52c2c732e834bca8d26d348ce Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164893.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164895.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164895.png new file mode 100644 index 0000000000000000000000000000000000000000..7983d590a2c617c6cad68c90af6b12aa17518810 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164895.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164897.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164897.png new file mode 100644 index 0000000000000000000000000000000000000000..0ac129028e67b43fcae8e3d5c1a539cc45ba6d21 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164897.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164899.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164899.png new file mode 100644 index 0000000000000000000000000000000000000000..800bf296338fd01962f16a8863c37bfe515ce3be Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164899.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164901.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164901.png new file mode 100644 index 0000000000000000000000000000000000000000..d1d37504e15eb6fccd6b1c8e985d37fcc8ba9875 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164901.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164905.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164905.png new file mode 100644 index 0000000000000000000000000000000000000000..c88212b6818d6d18c77ee497cfcafaf661a70d52 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164905.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164907.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164907.png new file mode 100644 index 0000000000000000000000000000000000000000..6a64534a0a867d44cf81c8a34c9981b5fbaf5faf Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164907.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164909.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164909.png new file mode 100644 index 0000000000000000000000000000000000000000..6d795f1618b1546c94266548069eccf9e9af2e01 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164909.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164911.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164911.png new file mode 100644 index 0000000000000000000000000000000000000000..1072a50f468dda3c90c889c31424b7c290eb1a13 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164911.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164913.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164913.png new file mode 100644 index 0000000000000000000000000000000000000000..d62fc7767f7b2e0e8d0d7fed57e30bdf6a6a332f Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164913.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164915.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164915.png new file mode 100644 index 0000000000000000000000000000000000000000..87915df37741dacfe9448bfebccf5a88d3ca2a76 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164915.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164917.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164917.png new file mode 100644 index 0000000000000000000000000000000000000000..bdb02fdda28a155e2f622eeea2ff820144780e50 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164917.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164921.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164921.png new file mode 100644 index 0000000000000000000000000000000000000000..39cf9d01563cf63bee003a47cd88258e860a0757 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164921.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164923.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164923.png new file mode 100644 index 0000000000000000000000000000000000000000..f89e20a55ba1e81f2cbda2bd0241edefadbe7149 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164923.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164925.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164925.png new file mode 100644 index 0000000000000000000000000000000000000000..a68e61ab120651294310c5e3632ce22d71917a52 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173164925.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324699.gif b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324699.gif new file mode 100644 index 0000000000000000000000000000000000000000..4731d53600aa7dced61e10ce21505a5086280edd Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324699.gif differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324729.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324729.png new file mode 100644 index 0000000000000000000000000000000000000000..c25a692065d473ccf9f5b6d36254787e2497fad6 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324729.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324731.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324731.png new file mode 100644 index 0000000000000000000000000000000000000000..283cf90b3828b36af6fb3a746e806f6715053310 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324731.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324733.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324733.png new file mode 100644 index 0000000000000000000000000000000000000000..858c4187d3a2874f651adc09dcae9a32f8407d86 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324733.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324735.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324735.png new file mode 100644 index 0000000000000000000000000000000000000000..58293d5e874f2aa36ecaf7282ca9e4736318092f Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324735.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324737.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324737.png new file mode 100644 index 0000000000000000000000000000000000000000..e863d7a1c3b9c1ca08bd182dce43c55a4866d59b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324737.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324739.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324739.png new file mode 100644 index 0000000000000000000000000000000000000000..486baf6be50982404fd1c68a5bc51db45c62046a Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324739.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324741.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324741.png new file mode 100644 index 0000000000000000000000000000000000000000..93299fc38d761e5251673210c364f6825e319153 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324741.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324743.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324743.png new file mode 100644 index 0000000000000000000000000000000000000000..0491d350277cd67d7774e3761164b9dd7038a117 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324743.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324745.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324745.png new file mode 100644 index 0000000000000000000000000000000000000000..b780eb08852e8916ec6ff1a401ea6946c8d727cf Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324745.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324747.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324747.png new file mode 100644 index 0000000000000000000000000000000000000000..b162dbf0a6c890a03ea1aa0b28bdb454651b697c Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324747.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324755.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324755.png new file mode 100644 index 0000000000000000000000000000000000000000..454b1796715794d51e2a1a4649bfafa1bfde80f0 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324755.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324757.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324757.png new file mode 100644 index 0000000000000000000000000000000000000000..a618da21cf6c6d32066286e594921c0fc75b5dba Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324757.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324759.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324759.png new file mode 100644 index 0000000000000000000000000000000000000000..5e23c304c4911dc0ef487dfeb8d7820aea5fb44b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324759.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324761.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324761.png new file mode 100644 index 0000000000000000000000000000000000000000..91a276a7dffb4d98c507e9af6afa1912cca1fed2 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324761.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324767.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324767.png new file mode 100644 index 0000000000000000000000000000000000000000..6348bb2b6ee281976f7d58159e4c33db29f542ad Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324767.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324769.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324769.png new file mode 100644 index 0000000000000000000000000000000000000000..1821f9c40ad9d24dc10dc662ecbe7936c9e10633 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324769.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324771.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324771.png new file mode 100644 index 0000000000000000000000000000000000000000..5ee9f7e893611dce988b8aa7ccfe3fab4b9d912f Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324771.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324773.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324773.png new file mode 100644 index 0000000000000000000000000000000000000000..21f20a4220aabf9449c707291633e7b3723fe378 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324773.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324775.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324775.png new file mode 100644 index 0000000000000000000000000000000000000000..adca00e684afb79ff4f21313d0586025576a8be1 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324775.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324777.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324777.png new file mode 100644 index 0000000000000000000000000000000000000000..c952585d8032733700b57ce1a919d71ce9a4b58b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324777.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324779.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324779.png new file mode 100644 index 0000000000000000000000000000000000000000..848454297b67eb73ab641424badc438433e24479 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324779.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324781.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324781.png new file mode 100644 index 0000000000000000000000000000000000000000..3621ef6876dbd1103487aed8ff190e6a0204ffde Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324781.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324785.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324785.png new file mode 100644 index 0000000000000000000000000000000000000000..6f5fe69b5a5a62b2d2b719b2be0a17a501363918 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324785.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324789.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324789.png new file mode 100644 index 0000000000000000000000000000000000000000..3e6aaacfe1c26157294e6dedfeaa1488aeed12a3 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324789.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324793.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324793.png new file mode 100644 index 0000000000000000000000000000000000000000..56db1024a714f821528656c64e12520311bae8f5 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324793.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324795.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324795.png new file mode 100644 index 0000000000000000000000000000000000000000..d87462d1cdc9410e91ee050a53d58e71d1c5f312 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324795.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324799.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324799.png new file mode 100644 index 0000000000000000000000000000000000000000..6f929d8ab35b708978d8053047cb56bec4fa83bc Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324799.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324801.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324801.png new file mode 100644 index 0000000000000000000000000000000000000000..3fca22c329e9dc9ef73eee20757eac4ce7386842 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324801.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324803.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324803.png new file mode 100644 index 0000000000000000000000000000000000000000..378000d344e90ab4db41869a4612daf6b60d66ab Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324803.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324805.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324805.png new file mode 100644 index 0000000000000000000000000000000000000000..f89943fc98661a6d2b78b5659c41483308a0c54b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324805.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324807.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324807.png new file mode 100644 index 0000000000000000000000000000000000000000..d1ca7dd07fe7812ec1f87bf748595174569a5672 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324807.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324809.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324809.png new file mode 100644 index 0000000000000000000000000000000000000000..5b22707e37ec772dc08a961e557a937862210167 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324809.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324811.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324811.png new file mode 100644 index 0000000000000000000000000000000000000000..3026d3c195598159232b4b1f08e9f198f4b4fa2c Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324811.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324813.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324813.png new file mode 100644 index 0000000000000000000000000000000000000000..51fb00e10bb5c167506ddfae1689b58e368df340 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324813.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324815.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324815.png new file mode 100644 index 0000000000000000000000000000000000000000..6e4476c4791e37d4681f8e12313ae1cad0887c1b Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324815.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324817.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324817.png new file mode 100644 index 0000000000000000000000000000000000000000..04ab7decab16cb7341665c2a67e8d5655a7eed6a Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324817.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324821.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324821.png new file mode 100644 index 0000000000000000000000000000000000000000..db83d39f98583ee653ee39b0237eb55961e539c7 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324821.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324823.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324823.png new file mode 100644 index 0000000000000000000000000000000000000000..56d32d4cd371c5374b133cb81c9c077aaf7b110d Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324823.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324825.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324825.png new file mode 100644 index 0000000000000000000000000000000000000000..7cfd4846ca697424582edbfed23ed93ef9e98138 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324825.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324829.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324829.png new file mode 100644 index 0000000000000000000000000000000000000000..6315d4654d04dd6b9b295fa1f8b37e8c550b17cf Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324829.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324831.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324831.png new file mode 100644 index 0000000000000000000000000000000000000000..1e0bad2b2bfed2559e53a8bc21162e6163ec8434 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324831.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324833.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324833.png new file mode 100644 index 0000000000000000000000000000000000000000..0d22570503febc7a7dcba0d1e870f49f32fe489a Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324833.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324835.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324835.png new file mode 100644 index 0000000000000000000000000000000000000000..26f2f228b47b8acb8adcddc3abf9156d6c29364e Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324835.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324837.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324837.png new file mode 100644 index 0000000000000000000000000000000000000000..b54dbc2391d1a8f16312dd02dc3d65a35ea2626f Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324837.png differ diff --git a/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324839.png b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324839.png new file mode 100644 index 0000000000000000000000000000000000000000..639f16f8aaf261176b3bc760c2eb616ad2f4aa28 Binary files /dev/null and b/en/application-dev/reference/arkui-js/figures/en-us_image_0000001173324839.png differ diff --git a/en/application-dev/reference/arkui-js/js-appendix-types.md b/en/application-dev/reference/arkui-js/js-appendix-types.md index 83e657a7e233893f13b5b11e0be51b2a3f581e95..b491d59c5fef5c948bf5119fcac48e302a83f3ff 100644 --- a/en/application-dev/reference/arkui-js/js-appendix-types.md +++ b/en/application-dev/reference/arkui-js/js-appendix-types.md @@ -1,1098 +1,167 @@ -# Type Attributes +# Type Attributes -## Length Type +## Length Type - - - - - - - - - - - - - - - -

Name

-

Type

-

Description

-

length

-

string | number

-

Size unit. When the type is number, the unit is px. When the type is string, the pixel unit needs to be explicitly specified. Currently, the following pixel units are supported:

-
  • px: logical size unit.
  • fp6+: font size unit, which varies according to the system font size. Only text components support the setting of the font size.
-

percentage

-

string

-

Unit in percentage, for example, 50%.

-
+| Name | Type | Description | +| ---------- | -------------------------- | ---------------------------------------- | +| length | string \| number | Size unit. When the type is **number**, the unit is px. When the type is **string**, the pixel unit needs to be explicitly specified. Currently, the following pixel units are supported:
- **px**: logical size unit.
- **fp**6+: font size unit, which varies with the system font size. This unit is only available for text components.| +| percentage | string | Unit in percentage, for example, **50%**. | -## Color Type - - - - - - - - - - - -

Name

-

Type

-

Description

-

color

-

string | Color enumeration values

-

Color information.

-
The String format is as follows:
  • 'rgb(255, 255, 255)'
  • 'rgba(255, 255, 255, 1.0)'
  • HEX formats: #rrggbb and #aarrggbb
  • Enumeration format: 'black' and 'white'
    NOTE:

    The enumeration format is not supported in the JS script.

    -
    -
-
-
+## Color Type -**Table 1** Currently supported colors +| Name | Type | Description | +| ----- | --------------------- | ---------------------------------------- | +| color | string \|  color enums| Color information. The color enums are not supported in JavaScript scripts.
Available string formats are as follows:
- 'rgb(255, 255, 255)'
- 'rgba(255, 255, 255, 1.0)'
- HEX format: '\#rrggbb', '\#aarrggbb'
- Enumeration format: 'black','white'.| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Name

-

Hexadecimal Code

-

Color

-

aliceblue

-

#f0f8ff

-

-

antiquewhite

-

#faebd7

-

-

aqua

-

#00ffff

-

-

aquamarine

-

#7fffd4

-

-

azure

-

#f0ffff

-

-

beige

-

#f5f5dc

-

-

bisque

-

#ffe4c4

-

-

black

-

#000000

-

-

blanchedalmond

-

#ffebcd

-

-

blue

-

#0000ff

-

-

blueviolet

-

#8a2be2

-

-

brown

-

#a52a2a

-

-

burlywood

-

#deB887

-

-

cadetblue

-

#5f9ea0

-

-

chartreuse

-

#7fff00

-

-

chocolate

-

#d2691e

-

-

coral

-

#ff7f50

-

-

cornflowerblue

-

#6495ed

-

-

cornsilk

-

#fff8dc

-

-

crimson

-

#dc143c

-

-

cyan

-

#00ffff

-

-

darkblue

-

#00008b

-

-

darkcyan

-

#008b8b

-

-

darkgoldenrod

-

#b8860b

-

-

darkgray

-

#a9a9a9

-

-

darkgreen

-

#006400

-

-

darkgrey

-

#a9a9a9

-

-

darkkhaki

-

#bdb76b

-

-

darkmagenta

-

#8b008b

-

-

darkolivegreen

-

#556b2f

-

-

darkorange

-

#ff8c00

-

-

darkorchid

-

#9932cc

-

-

darkred

-

#8b0000

-

-

darksalmon

-

#e9967a

-

-

darkseagreen

-

#8fbc8f

-

-

darkslateblue

-

#483d8b

-

-

darkslategray

-

#2f4f4f

-

-

darkslategrey

-

#2f4f4f

-

-

darkturquoise

-

#00ced1

-

-

darkviolet

-

#9400d3

-

-

deeppink

-

#ff1493

-

-

deepskyblue

-

#00bfff

-

-

dimgray

-

#696969

-

-

dimgrey

-

#696969

-

-

dodgerblue

-

#1e90ff

-

-

firebrick

-

#b22222

-

-

floralwhite

-

#fffaf0

-

-

forestgreen

-

#228b22

-

-

fuchsia

-

#ff00ff

-

-

gainsboro

-

#dcdcdc

-

-

ghostwhite

-

#f8f8ff

-

-

gold

-

#ffd700

-

-

goldenrod

-

#daa520

-

-

gray

-

#808080

-

-

green

-

#008000

-

-

greenyellow

-

#adff2f

-

-

grey

-

#808080

-

-

honeydew

-

#f0fff0

-

-

hotpink

-

#ff69b4

-

-

indianred

-

#cd5c5c

-

-

indigo

-

#4b0082

-

-

ivory

-

#fffff0

-

-

khaki

-

#f0e68c

-

-

lavender

-

#e6e6fa

-

-

lavenderblush

-

#fff0f5

-

-

lawngreen

-

#7cfc00

-

-

lemonchiffon

-

#fffacd

-

-

lightblue

-

#add8e6

-

-

lightcoral

-

#f08080

-

-

lightcyan

-

#e0ffff

-

-

lightgoldenrodyellow

-

#fafad2

-

-

lightgray

-

#d3d3d3

-

-

lightgreen

-

#90ee90

-

-

lightpink

-

#ffb6c1

-

-

lightsalmon

-

#ffa07a

-

-

lightseagreen

-

#20b2aa

-

-

lightskyblue

-

#87cefa

-

-

lightslategray

-

#778899

-

-

lightslategrey

-

#778899

-

-

lightsteelblue

-

#b0c4de

-

-

lightyellow

-

#ffffe0

-

-

lime

-

#00ff00

-

-

limegreen

-

#32cd32

-

-

linen

-

#faf0e6

-

-

magenta

-

#ff00ff

-

-

maroon

-

#800000

-

-

mediumaquamarine

-

#66cdaa

-

-

mediumblue

-

#0000cd

-

-

mediumorchid

-

#ba55d3

-

-

mediumpurple

-

#9370db

-

-

mediumseagreen

-

#3cb371

-

-

mediumslateblue

-

#7b68ee

-

-

mediumspringgreen

-

#00fa9a

-

-

mediumturquoise

-

#48d1cc

-

-

mediumvioletred

-

#c71585

-

-

midnightblue

-

#191970

-

-

mintcream

-

#f5fffa

-

-

mistyrose

-

#ffe4e1

-

-

moccasin

-

#ffe4b5

-

-

navajowhite

-

#ffdead

-

-

navy

-

#000080

-

-

oldlace

-

#fdf5e6

-

-

olive

-

#808000

-

-

olivedrab

-

#6b8e23

-

-

orange

-

#ffa500

-

-

orangered

-

#ff4500

-

-

orchid

-

#da70d6

-

-

palegoldenrod

-

#eee8aa

-

-

palegreen

-

#98fb98

-

-

paleturquoise

-

#afeeee

-

-

palevioletred

-

#db7093

-

-

papayawhip

-

#ffefd5

-

-

peachpuff

-

#ffdab9

-

-

peru

-

#cd853f

-

-

pink

-

#ffc0cb

-

-

plum

-

#dda0dd

-

-

powderblue

-

#b0e0e6

-

-

purple

-

#800080

-

-

rebeccapurple

-

#663399

-

-

red

-

#ff0000

-

-

rosybrown

-

#bc8f8f

-

-

royalblue

-

#4169e1

-

-

saddlebrown

-

#8b4513

-

-

salmon

-

#fa8072

-

-

sandybrown

-

#f4a460

-

-

seagreen

-

#2e8b57

-

-

seashell

-

#fff5ee

-

-

sienna

-

#a0522d

-

-

silver

-

#c0c0c0

-

-

skyblue

-

#87ceeb

-

-

slateblue

-

#6a5acd

-

-

slategray

-

#708090

-

-

slategrey

-

#708090

-

-

snow

-

#fffafa

-

-

springgreen

-

#00ff7f

-

-

steelblue

-

#4682b4

-

-

tan

-

#d2b48c

-

-

teal

-

#008080

-

-

thistle

-

#d8Bfd8

-

-

tomato

-

#ff6347

-

-

turquoise

-

#40e0d0

-

-

violet

-

#ee82ee

-

-

wheat

-

#f5deb3

-

-

white

-

#ffffff

-

-

whitesmoke

-

#f5f5f5

-

-

yellow

-

#ffff00

-

-

yellowgreen

-

#9acd32

-

-
+**Table 1** Color enums + +| Name | Hexadecimal Code | Color | +| -------------------- | -------- | ---------------------------------------- | +| aliceblue | \#f0f8ff | ![en-us_image_0000001173324803](figures/en-us_image_0000001173324803.png) | +| antiquewhite | \#faebd7 | ![en-us_image_0000001127285014](figures/en-us_image_0000001127285014.png) | +| aqua | \#00ffff | ![en-us_image_0000001127285050](figures/en-us_image_0000001127285050.png) | +| aquamarine | \#7fffd4 | ![en-us_image_0000001173324729](figures/en-us_image_0000001173324729.png) | +| azure | \#f0ffff | ![en-us_image_0000001127285040](figures/en-us_image_0000001127285040.png) | +| beige | \#f5f5dc | ![en-us_image_0000001173324773](figures/en-us_image_0000001173324773.png) | +| bisque | \#ffe4c4 | ![en-us_image_0000001173164895](figures/en-us_image_0000001173164895.png) | +| black | \#000000 | ![en-us_image_0000001173324735](figures/en-us_image_0000001173324735.png) | +| blanchedalmond | \#ffebcd | ![en-us_image_0000001173164889](figures/en-us_image_0000001173164889.png) | +| blue | \#0000ff | ![en-us_image_0000001127125194](figures/en-us_image_0000001127125194.png) | +| blueviolet | \#8a2be2 | ![en-us_image_0000001127285046](figures/en-us_image_0000001127285046.png) | +| brown | \#a52a2a | ![en-us_image_0000001173324833](figures/en-us_image_0000001173324833.png) | +| burlywood | \#deB887 | ![en-us_image_0000001127285026](figures/en-us_image_0000001127285026.png) | +| cadetblue | \#5f9ea0 | ![en-us_image_0000001127125210](figures/en-us_image_0000001127125210.png) | +| chartreuse | \#7fff00 | ![en-us_image_0000001173324811](figures/en-us_image_0000001173324811.png) | +| chocolate | \#d2691e | ![en-us_image_0000001127125256](figures/en-us_image_0000001127125256.png) | +| coral | \#ff7f50 | ![en-us_image_0000001173164877](figures/en-us_image_0000001173164877.png) | +| cornflowerblue | \#6495ed | ![en-us_image_0000001173324781](figures/en-us_image_0000001173324781.png) | +| cornsilk | \#fff8dc | ![en-us_image_0000001127285048](figures/en-us_image_0000001127285048.png) | +| crimson | \#dc143c | ![en-us_image_0000001127285066](figures/en-us_image_0000001127285066.png) | +| cyan | \#00ffff | ![en-us_image_0000001173324789](figures/en-us_image_0000001173324789.png) | +| darkblue | \#00008b | ![en-us_image_0000001173164841](figures/en-us_image_0000001173164841.png) | +| darkcyan | \#008b8b | ![en-us_image_0000001173324745](figures/en-us_image_0000001173324745.png) | +| darkgoldenrod | \#b8860b | ![en-us_image_0000001173324835](figures/en-us_image_0000001173324835.png) | +| darkgray | \#a9a9a9 | ![en-us_image_0000001127285028](figures/en-us_image_0000001127285028.png) | +| darkgreen | \#006400 | ![en-us_image_0000001127284990](figures/en-us_image_0000001127284990.png) | +| darkgrey | \#a9a9a9 | ![en-us_image_0000001127125174](figures/en-us_image_0000001127125174.png) | +| darkkhaki | \#bdb76b | ![en-us_image_0000001127285070](figures/en-us_image_0000001127285070.png) | +| darkmagenta | \#8b008b | ![en-us_image_0000001173164875](figures/en-us_image_0000001173164875.png) | +| darkolivegreen | \#556b2f | ![en-us_image_0000001173164835](figures/en-us_image_0000001173164835.png) | +| darkorange | \#ff8c00 | ![en-us_image_0000001127125178](figures/en-us_image_0000001127125178.png) | +| darkorchid | \#9932cc | ![en-us_image_0000001173324829](figures/en-us_image_0000001173324829.png) | +| darkred | \#8b0000 | ![en-us_image_0000001173164851](figures/en-us_image_0000001173164851.png) | +| darksalmon | \#e9967a | ![en-us_image_0000001127284998](figures/en-us_image_0000001127284998.png) | +| darkseagreen | \#8fbc8f | ![en-us_image_0000001173324755](figures/en-us_image_0000001173324755.png) | +| darkslateblue | \#483d8b | ![en-us_image_0000001127125246](figures/en-us_image_0000001127125246.png) | +| darkslategray | \#2f4f4f | ![en-us_image_0000001127125190](figures/en-us_image_0000001127125190.png) | +| darkslategrey | \#2f4f4f | ![en-us_image_0000001173324759](figures/en-us_image_0000001173324759.png) | +| darkturquoise | \#00ced1 | ![en-us_image_0000001127284980](figures/en-us_image_0000001127284980.png) | +| darkviolet | \#9400d3 | ![en-us_image_0000001127285058](figures/en-us_image_0000001127285058.png) | +| deeppink | \#ff1493 | ![en-us_image_0000001173324767](figures/en-us_image_0000001173324767.png) | +| deepskyblue | \#00bfff | ![en-us_image_0000001173164897](figures/en-us_image_0000001173164897.png) | +| dimgray | \#696969 | ![en-us_image_0000001127285022](figures/en-us_image_0000001127285022.png) | +| dimgrey | \#696969 | ![en-us_image_0000001173164911](figures/en-us_image_0000001173164911.png) | +| dodgerblue | \#1e90ff | ![en-us_image_0000001173164855](figures/en-us_image_0000001173164855.png) | +| firebrick | \#b22222 | ![en-us_image_0000001127125234](figures/en-us_image_0000001127125234.png) | +| floralwhite | \#fffaf0 | ![en-us_image_0000001173324771](figures/en-us_image_0000001173324771.png) | +| forestgreen | \#228b22 | ![en-us_image_0000001173324825](figures/en-us_image_0000001173324825.png) | +| fuchsia | \#ff00ff | ![en-us_image_0000001127285052](figures/en-us_image_0000001127285052.png) | +| gainsboro | \#dcdcdc | ![en-us_image_0000001173164901](figures/en-us_image_0000001173164901.png) | +| ghostwhite | \#f8f8ff | ![en-us_image_0000001127285012](figures/en-us_image_0000001127285012.png) | +| gold | \#ffd700 | ![en-us_image_0000001173324761](figures/en-us_image_0000001173324761.png) | +| goldenrod | \#daa520 | ![en-us_image_0000001173324817](figures/en-us_image_0000001173324817.png) | +| gray | \#808080 | ![en-us_image_0000001127125238](figures/en-us_image_0000001127125238.png) | +| green | \#008000 | ![en-us_image_0000001173164865](figures/en-us_image_0000001173164865.png) | +| greenyellow | \#adff2f | ![en-us_image_0000001127285000](figures/en-us_image_0000001127285000.png) | +| grey | \#808080 | ![en-us_image_0000001127285054](figures/en-us_image_0000001127285054.png) | +| honeydew | \#f0fff0 | ![en-us_image_0000001173324813](figures/en-us_image_0000001173324813.png) | +| hotpink | \#ff69b4 | ![en-us_image_0000001127285016](figures/en-us_image_0000001127285016.png) | +| indianred | \#cd5c5c | ![en-us_image_0000001173164849](figures/en-us_image_0000001173164849.png) | +| indigo | \#4b0082 | ![en-us_image_0000001173324821](figures/en-us_image_0000001173324821.png) | +| ivory | \#fffff0 | ![en-us_image_0000001173164887](figures/en-us_image_0000001173164887.png) | +| khaki | \#f0e68c | ![en-us_image_0000001173324801](figures/en-us_image_0000001173324801.png) | +| lavender | \#e6e6fa | ![en-us_image_0000001127125188](figures/en-us_image_0000001127125188.png) | +| lavenderblush | \#fff0f5 | ![en-us_image_0000001173324809](figures/en-us_image_0000001173324809.png) | +| lawngreen | \#7cfc00 | ![en-us_image_0000001127125224](figures/en-us_image_0000001127125224.png) | +| lemonchiffon | \#fffacd | ![en-us_image_0000001173164879](figures/en-us_image_0000001173164879.png) | +| lightblue | \#add8e6 | ![en-us_image_0000001127125180](figures/en-us_image_0000001127125180.png) | +| lightcoral | \#f08080 | ![en-us_image_0000001127125228](figures/en-us_image_0000001127125228.png) | +| lightcyan | \#e0ffff | ![en-us_image_0000001173324799](figures/en-us_image_0000001173324799.png) | +| lightgoldenrodyellow | \#fafad2 | ![en-us_image_0000001127125218](figures/en-us_image_0000001127125218.png) | +| lightgray | \#d3d3d3 | ![en-us_image_0000001127284974](figures/en-us_image_0000001127284974.png) | +| lightgreen | \#90ee90 | ![en-us_image_0000001173324805](figures/en-us_image_0000001173324805.png) | +| lightpink | \#ffb6c1 | ![en-us_image_0000001127285038](figures/en-us_image_0000001127285038.png) | +| lightsalmon | \#ffa07a | ![en-us_image_0000001173324795](figures/en-us_image_0000001173324795.png) | +| lightseagreen | \#20b2aa | ![en-us_image_0000001173324737](figures/en-us_image_0000001173324737.png) | +| lightskyblue | \#87cefa | ![en-us_image_0000001127285042](figures/en-us_image_0000001127285042.png) | +| lightslategray | \#778899 | ![en-us_image_0000001127125226](figures/en-us_image_0000001127125226.png) | +| lightslategrey | \#778899 | ![en-us_image_0000001127125222](figures/en-us_image_0000001127125222.png) | +| lightsteelblue | \#b0c4de | ![en-us_image_0000001127284976](figures/en-us_image_0000001127284976.png) | +| lightyellow | \#ffffe0 | ![en-us_image_0000001173324807](figures/en-us_image_0000001173324807.png) | +| lime | \#00ff00 | ![en-us_image_0000001127285020](figures/en-us_image_0000001127285020.png) | +| limegreen | \#32cd32 | ![en-us_image_0000001127125236](figures/en-us_image_0000001127125236.png) | +| linen | \#faf0e6 | ![en-us_image_0000001173324739](figures/en-us_image_0000001173324739.png) | +| magenta | \#ff00ff | ![en-us_image_0000001127285044](figures/en-us_image_0000001127285044.png) | +| maroon | \#800000 | ![en-us_image_0000001127285018](figures/en-us_image_0000001127285018.png) | +| mediumaquamarine | \#66cdaa | ![en-us_image_0000001173164899](figures/en-us_image_0000001173164899.png) | +| mediumblue | \#0000cd | ![en-us_image_0000001127284968](figures/en-us_image_0000001127284968.png) | +| mediumorchid | \#ba55d3 | ![en-us_image_0000001127125216](figures/en-us_image_0000001127125216.png) | +| mediumpurple | \#9370db | ![en-us_image_0000001173324779](figures/en-us_image_0000001173324779.png) | +| mediumseagreen | \#3cb371 | ![en-us_image_0000001127125230](figures/en-us_image_0000001127125230.png) | +| mediumslateblue | \#7b68ee | ![en-us_image_0000001173164921](figures/en-us_image_0000001173164921.png) | +| mediumspringgreen | \#00fa9a | ![en-us_image_0000001173324793](figures/en-us_image_0000001173324793.png) | +| mediumturquoise | \#48d1cc | ![en-us_image_0000001127125214](figures/en-us_image_0000001127125214.png) | +| mediumvioletred | \#c71585 | ![en-us_image_0000001173164893](figures/en-us_image_0000001173164893.png) | +| midnightblue | \#191970 | ![en-us_image_0000001127125260](figures/en-us_image_0000001127125260.png) | +| mintcream | \#f5fffa | ![en-us_image_0000001127285030](figures/en-us_image_0000001127285030.png) | +| mistyrose | \#ffe4e1 | ![en-us_image_0000001173324785](figures/en-us_image_0000001173324785.png) | +| moccasin | \#ffe4b5 | ![en-us_image_0000001127125232](figures/en-us_image_0000001127125232.png) | +| navajowhite | \#ffdead | ![en-us_image_0000001173164925](figures/en-us_image_0000001173164925.png) | +| navy | \#000080 | ![en-us_image_0000001127285032](figures/en-us_image_0000001127285032.png) | +| oldlace | \#fdf5e6 | ![en-us_image_0000001127125184](figures/en-us_image_0000001127125184.png) | +| olive | \#808000 | ![en-us_image_0000001127125244](figures/en-us_image_0000001127125244.png) | +| olivedrab | \#6b8e23 | ![en-us_image_0000001173324839](figures/en-us_image_0000001173324839.png) | +| orange | \#ffa500 | ![en-us_image_0000001173164885](figures/en-us_image_0000001173164885.png) | +| orangered | \#ff4500 | ![en-us_image_0000001127284996](figures/en-us_image_0000001127284996.png) | +| orchid | \#da70d6 | ![en-us_image_0000001127285056](figures/en-us_image_0000001127285056.png) | +| palegoldenrod | \#eee8aa | ![en-us_image_0000001127125262](figures/en-us_image_0000001127125262.png) | +| palegreen | \#98fb98 | ![en-us_image_0000001127285006](figures/en-us_image_0000001127285006.png) | +| paleturquoise | \#afeeee | ![en-us_image_0000001173324757](figures/en-us_image_0000001173324757.png) | +| palevioletred | \#db7093 | ![en-us_image_0000001173164905](figures/en-us_image_0000001173164905.png) | +| papayawhip | \#ffefd5 | ![en-us_image_0000001127125248](figures/en-us_image_0000001127125248.png) | +| peachpuff | \#ffdab9 | ![en-us_image_0000001173324769](figures/en-us_image_0000001173324769.png) | +| peru | \#cd853f | ![en-us_image_0000001173164843](figures/en-us_image_0000001173164843.png) | +| pink | \#ffc0cb | ![en-us_image_0000001127125242](figures/en-us_image_0000001127125242.png) | +| plum | \#dda0dd | ![en-us_image_0000001173324831](figures/en-us_image_0000001173324831.png) | +| powderblue | \#b0e0e6 | ![en-us_image_0000001127285010](figures/en-us_image_0000001127285010.png) | +| purple | \#800080 | ![en-us_image_0000001127285002](figures/en-us_image_0000001127285002.png) | +| rebeccapurple | \#663399 | ![en-us_image_0000001173164907](figures/en-us_image_0000001173164907.png) | +| red | \#ff0000 | ![en-us_image_0000001127125254](figures/en-us_image_0000001127125254.png) | +| rosybrown | \#bc8f8f | ![en-us_image_0000001173324775](figures/en-us_image_0000001173324775.png) | +| royalblue | \#4169e1 | ![en-us_image_0000001127284972](figures/en-us_image_0000001127284972.png) | +| saddlebrown | \#8b4513 | ![en-us_image_0000001127125250](figures/en-us_image_0000001127125250.png) | +| salmon | \#fa8072 | ![en-us_image_0000001127285064](figures/en-us_image_0000001127285064.png) | +| sandybrown | \#f4a460 | ![en-us_image_0000001173324777](figures/en-us_image_0000001173324777.png) | +| seagreen | \#2e8b57 | ![en-us_image_0000001173324733](figures/en-us_image_0000001173324733.png) | +| seashell | \#fff5ee | ![en-us_image_0000001127285062](figures/en-us_image_0000001127285062.png) | +| sienna | \#a0522d | ![en-us_image_0000001173164917](figures/en-us_image_0000001173164917.png) | +| silver | \#c0c0c0 | ![en-us_image_0000001173324743](figures/en-us_image_0000001173324743.png) | +| skyblue | \#87ceeb | ![en-us_image_0000001127284970](figures/en-us_image_0000001127284970.png) | +| slateblue | \#6a5acd | ![en-us_image_0000001173164915](figures/en-us_image_0000001173164915.png) | +| slategray | \#708090 | ![en-us_image_0000001173324815](figures/en-us_image_0000001173324815.png) | +| slategrey | \#708090 | ![en-us_image_0000001127284982](figures/en-us_image_0000001127284982.png) | +| snow | \#fffafa | ![en-us_image_0000001173324731](figures/en-us_image_0000001173324731.png) | +| springgreen | \#00ff7f | ![en-us_image_0000001127285060](figures/en-us_image_0000001127285060.png) | +| steelblue | \#4682b4 | ![en-us_image_0000001127125240](figures/en-us_image_0000001127125240.png) | +| tan | \#d2b48c | ![en-us_image_0000001173324747](figures/en-us_image_0000001173324747.png) | +| teal | \#008080 | ![en-us_image_0000001173324741](figures/en-us_image_0000001173324741.png) | +| thistle | \#d8Bfd8 | ![en-us_image_0000001173164913](figures/en-us_image_0000001173164913.png) | +| tomato | \#ff6347 | ![en-us_image_0000001173164909](figures/en-us_image_0000001173164909.png) | +| turquoise | \#40e0d0 | ![en-us_image_0000001173164837](figures/en-us_image_0000001173164837.png) | +| violet | \#ee82ee | ![en-us_image_0000001127125258](figures/en-us_image_0000001127125258.png) | +| wheat | \#f5deb3 | ![en-us_image_0000001127285068](figures/en-us_image_0000001127285068.png) | +| white | \#ffffff | ![en-us_image_0000001173324823](figures/en-us_image_0000001173324823.png) | +| whitesmoke | \#f5f5f5 | ![en-us_image_0000001127284992](figures/en-us_image_0000001127284992.png) | +| yellow | \#ffff00 | ![en-us_image_0000001173324837](figures/en-us_image_0000001173324837.png) | +| yellowgreen | \#9acd32 | ![en-us_image_0000001173164923](figures/en-us_image_0000001173164923.png) | diff --git a/en/application-dev/reference/arkui-ts/ts-animatorproperty.md b/en/application-dev/reference/arkui-ts/ts-animatorproperty.md index 26518c022573079391bf9601f412ce12d0078615..de967be1f6e0ec184ce0d6ba553b0fe15a7ea5dd 100644 --- a/en/application-dev/reference/arkui-ts/ts-animatorproperty.md +++ b/en/application-dev/reference/arkui-ts/ts-animatorproperty.md @@ -1,7 +1,8 @@ # AnimatorProperty -> **NOTE**
+> **NOTE** +> > This animation is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. @@ -18,27 +19,28 @@ When the universal attributes of a component change, you can create an **Animato - Curve enums - | Name | Description | + | Name | Description | | -------- | -------- | - | Linear | The animation speed keeps unchanged. | - | Ease | The animation starts at a low speed and then accelerates. It slows down before the animation ends. The cubic-bezier curve (0.25, 0.1, 0.25, 1.0) is used. | - | EaseIn | The animation starts at a low speed. The cubic-bezier curve (0.42, 0.0, 1.0, 1.0) is used. | - | EaseOut | The animation ends at a low speed. The cubic-bezier curve (0.0, 0.0, 0.58, 1.0) is used. | - | EaseInOut | The animation starts and ends at a low speed. The cubic-bezier curve (0.42, 0.0, 0.58, 1.0) is used. | - | FastOutSlowIn | The animation uses the standard cubic-bezier curve (0.4, 0.0, 0.2, 1.0). | - | LinearOutSlowIn | The animation uses the deceleration cubic-bezier curve (0.0, 0.0, 0.2, 1.0). | - | FastOutLinearIn | The animation uses the acceleration cubic-bezier curve (0.4, 0.0, 1.0, 1.0). | - | ExtremeDeceleration | The animation uses the extreme deceleration cubic-bezier curve (0.0, 0.0, 0.0, 1.0). | - | Sharp | The animation uses the sharp cubic-bezier curve (0.33, 0.0, 0.67, 1.0). | - | Rhythm | The animation uses the rhythm cubic-bezier curve (0.7, 0.0, 0.2, 1.0). | - | Smooth | The animation uses the smooth cubic-bezier curve (0.4, 0.0, 0.4, 1.0). | - | Friction | Damping curve. The cubic-bezier curve (0.2, 0.0, 0.2, 1.0) is used. | + | Linear | The animation speed keeps unchanged. | + | Ease | The animation starts at a low speed and then accelerates. It slows down before the animation ends. The cubic-bezier curve (0.25, 0.1, 0.25, 1.0) is used. | + | EaseIn | The animation starts at a low speed. The cubic-bezier curve (0.42, 0.0, 1.0, 1.0) is used. | + | EaseOut | The animation ends at a low speed. The cubic-bezier curve (0.0, 0.0, 0.58, 1.0) is used. | + | EaseInOut | The animation starts and ends at a low speed. The cubic-bezier curve (0.42, 0.0, 0.58, 1.0) is used. | + | FastOutSlowIn | The animation uses the standard cubic-bezier curve (0.4, 0.0, 0.2, 1.0). | + | LinearOutSlowIn | The animation uses the deceleration cubic-bezier curve (0.0, 0.0, 0.2, 1.0). | + | FastOutLinearIn | The animation uses the acceleration cubic-bezier curve (0.4, 0.0, 1.0, 1.0). | + | ExtremeDeceleration | The animation uses the extreme deceleration cubic-bezier curve (0.0, 0.0, 0.0, 1.0). | + | Sharp | The animation uses the sharp cubic-bezier curve (0.33, 0.0, 0.67, 1.0). | + | Rhythm | The animation uses the rhythm cubic-bezier curve (0.7, 0.0, 0.2, 1.0). | + | Smooth | The animation uses the smooth cubic-bezier curve (0.4, 0.0, 0.4, 1.0). | + | Friction | Damping curve. The cubic-bezier curve (0.2, 0.0, 0.2, 1.0) is used. | ## Example -``` +```ts +// xxx.ets @Entry @Component struct AttrAnimationExample { diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-blank.md b/en/application-dev/reference/arkui-ts/ts-basic-components-blank.md index 45c82eb1f973f1bc808fcb642943282b1610abb1..3eeec830107e6896a2bb07ba4cdb0a31028ecae6 100644 --- a/en/application-dev/reference/arkui-ts/ts-basic-components-blank.md +++ b/en/application-dev/reference/arkui-ts/ts-basic-components-blank.md @@ -1,7 +1,8 @@ # Blank -> **NOTE**
+> **NOTE** +> > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. @@ -15,7 +16,7 @@ None ## Child Components -None +Not supported ## APIs @@ -23,16 +24,16 @@ None Blank(min?: Length) - Parameters - | Name | Type | Mandatory | Default Value | Description | + | Name | Type | Mandatory | Default Value | Description | | -------- | -------- | -------- | -------- | -------- | - | min | Length | No | 0 | Minimum size of the **<Blank>** component in the container along the main axis. | + | min | Length | No | 0 | Minimum size of the **<Blank>** component in the container along the main axis. | ## Attributes - | Name | Type | Default Value | Description | +| Name | Type | Default Value | Description | | -------- | -------- | -------- | -------- | -| color | Color | 0x00000000 | Color to fill the blank. | +| color | Color | 0x00000000 | Color to fill the blank. | > **NOTE**
> Universal attribute methods are not supported. @@ -40,8 +41,9 @@ Blank(min?: Length) ## Example - -``` + +```ts +// xxx.ets @Entry @Component struct BlankExample { diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-divider.md b/en/application-dev/reference/arkui-ts/ts-basic-components-divider.md index ccd812f6941077dd9d5fff1f5cb214a87c430f03..336b0ce5a027f197255e8ee122d76beb2b03d852 100644 --- a/en/application-dev/reference/arkui-ts/ts-basic-components-divider.md +++ b/en/application-dev/reference/arkui-ts/ts-basic-components-divider.md @@ -1,7 +1,8 @@ # Divider -> **NOTE**
+> **NOTE** +> > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. @@ -15,7 +16,7 @@ None ## Child Components -None +Not supported ## APIs @@ -41,7 +42,8 @@ Universal events are not supported. ## Example -``` +```ts +// xxx.ets @Entry @Component struct DividerExample {