|
北向應(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> |
|