北向應(yīng)用：手機(jī)鴻蒙元程序初試

小嵌

北向應(yīng)用：手機(jī)鴻蒙元程序初試, 顯示效果：





點(diǎn)擊“點(diǎn)擊了解更多”進(jìn)入下一個(gè)頁面





部分代碼如下：

第一個(gè)布局中

<?xml version=“1.0“ encoding=“utf-8“?>

<Directionallayout

     xmlns:ohos=“http://schemas.huawei.com/res/ohos“

     ohos:height=“match_parent“

     ohos:width=“match_parent“

     ohos:orientation=“vertical“>

     <DirectionalLayout

         ohos:width=“match_parent“

         ohos:weight=“1“>

         <Text

             ohos:width=“match_content“

             ohos:height=“match_content“

             ohos:text=“蛟龍騰飛“

             ohos:text_size=“80px“

             ohos:top_margin=“280px“

             ohos:left_margin=“50px“/>

     </DirectionalLayout>

     <DirectionalLayout

         ohos:weight=“1“

         ohos:width=“match_parent“>

         <Image

             ohos:width=“1080px“

             ohos:height=“468px“

             ohos:image_src=“$media:index12.jpg“/>

     </DirectionalLayout>

     <DirectionalLayout

         ohos:width=“match_parent“

         ohos:weight=“3“>

         <Text

             ohos:width=“match_content“

             ohos:height=“match_content“

             ohos:text_size=“60px“

             ohos:multiple_lines=“true“

             ohos:left_margin=“8px“

             ohos:text=“帶你從傳統(tǒng)的互聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)時(shí)代“/>

         <Text

             ohos:width=“match_content“

             ohos:height=“match_content“

             ohos:text_size=“60px“

             ohos:multiple_lines=“true“

             ohos:left_margin=“8px“

             ohos:top_margin=“10px“

             ohos:text=“跳轉(zhuǎn)到萬物互聯(lián)的智能世界!“/>

         <Text

             ohos:width=“match_content“

             ohos:height=“match_content“

             ohos:text_size=“60px“

             ohos:multiple_lines=“true“

             ohos:left_margin=“8px“

             ohos:top_margin=“10px“

             ohos:text=““/>

         <Button

             ohos:id=“$+id:jltfbutton“

             ohos:width=“match_content“

             ohos:height=“match_content“

             ohos:text=“點(diǎn)擊了解更多“

             ohos:text_color=“red“

             ohos:text_size=“100px“

             ohos:top_margin=“400px“

             ohos:left_margin=“420px“/>

     </DirectionalLayout>

</DirectionalLayout>