電子產(chǎn)業(yè)一站式賦能平臺

PCB聯(lián)盟網(wǎng)

搜索
查看: 686|回復(fù): 0
收起左側(cè)

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

[復(fù)制鏈接]

2607

主題

2607

帖子

7472

積分

高級會員

Rank: 5Rank: 5

積分
7472
跳轉(zhuǎn)到指定樓層
樓主
發(fā)表于 2020-12-23 17:56:45 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
北向應(yīng)用:手機鴻蒙元程序初試, 顯示效果:





點擊“點擊了解更多”進入下一個頁面





部分代碼如下:

第一個布局中

<?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)時代“/>

         <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=“點擊了解更多“

             ohos:text_color=“red“

             ohos:text_size=“100px“

             ohos:top_margin=“400px“

             ohos:left_margin=“420px“/>

     </DirectionalLayout>

</DirectionalLayout>
回復(fù)

使用道具 舉報

發(fā)表回復(fù)

您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規(guī)則


聯(lián)系客服 關(guān)注微信 下載APP 返回頂部 返回列表