北向應用：Car頁面布局與跳轉(zhuǎn)測試

小嵌

北向應用：Car頁面布局與跳轉(zhuǎn)測試, 顯示效果： 點擊“點擊了解更多”進入下一個頁面 代碼如下： 第一個頁面的布局 <?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=“20fp“

             ohos:top_margin=“40px“

             ohos:left_margin=“80px“/>



     </DirectionalLayout>

     <DirectionalLayout

         ohos:width=“match_parent“

         ohos:weight=“4“

         ohos:orientation=“horizontal“>

         <DirectionalLayout

             ohos:height=“match_parent“

             ohos:weight=“1“>

             <Image

                 ohos:width=“526px“

                 ohos:height=“504px“

                 ohos:top_margin=“-50px“

                 ohos:left_margin=“20px“

                 ohos:image_src=“$media:index20“/>

         </DirectionalLayout>

         <DirectionalLayout

             ohos:height=“match_parent“

             ohos:weight=“2“>

             <Text

                 ohos:width=“match_content“

                 ohos:height=“match_content“

                 ohos:multiple_lines=“true“

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

                                跳轉(zhuǎn)到萬物互聯(lián)的智能世界!

                                                         ohos:text_size=“20fp“

                 ohos:top_margin=“20px“

                 ohos:left_margin=“60px“/>

             <Button

                 ohos:id=“$+id:jltfbutton“

                 ohos:width=“match_content“

                 ohos:height=“match_content“

                 ohos:text=“ 點擊了解更多“

                 ohos:text_size=“25fp“

                 ohos:top_margin=“60px“

                 ohos:left_margin=“650px“

                 ohos:text_color=“red“/>

         </DirectionalLayout>



     </DirectionalLayout>



</DirectionalLayout> 第二個頁面的布局 <?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=“20fp“

             ohos:top_margin=“40px“

             ohos:left_margin=“80px“/>



     </DirectionalLayout>

     <DirectionalLayout

         ohos:width=“match_parent“

         ohos:weight=“4“

         ohos:orientation=“horizontal“>

         <DirectionalLayout

             ohos:height=“match_parent“

             ohos:weight=“1“>

             <Image

                 ohos:width=“357px“

                 ohos:height=“360px“

                 ohos:top_margin=“60px“

                 ohos:left_margin=“100px“

                 ohos:image_src=“$media:index4“/>

         </DirectionalLayout>

         <DirectionalLayout

             ohos:height=“match_parent“

             ohos:weight=“2“>

             <Text

                 ohos:width=“match_content“

                 ohos:height=“match_content“

                 ohos:multiple_lines=“true“

                 ohos:text=“ 你好，歡迎來到鴻蒙時代！

                                                    ohos:text_size=“20fp“

                 ohos:top_margin=“60px“

                 ohos:left_margin=“10px“/>

         </DirectionalLayout>



     </DirectionalLayout>



</DirectionalLayout> 然后綁定布局進行跳轉(zhuǎn) Button button = （Button） findComponentById（ResourceTable.
Id_jltfbutton）;



button.setClickedListener（new Component.ClickedListener（） {

     @Override

     public void onClick（Component component） {



         present（new jltftabletSlice（）,new Intent（））;

     }





}）;