鸿蒙实现第一个页面

鸿蒙实现第一个页面

1.布局activity_mian.xml 代码

<?xml version="1.0" encoding="utf-8"?>
<DependentLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:width="match_parent"
    ohos:height="match_parent">
    <Text
        ohos:id="$+id:text"
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="第一个页面"
        ohos:text_color="#000000"
        ohos:text_size="32fp"
        ohos:center_in_parent="true"/>
    <Button
        ohos:id="$+id:button"
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="Next"
        ohos:text_size="19fp"
        ohos:text_color="#FFFFFF"
        ohos:top_padding="8vp"
        ohos:bottom_padding="8vp"
        ohos:right_padding="70vp"
        ohos:left_padding="70vp"
        ohos:center_in_parent="true"
        ohos:below="$id:text"
        ohos:background_element="$graphic:background_button"
        ohos:margin="10vp"/>
</DependentLayout>

2.background_button.xml按钮形状代码(可以通过graphic目录下的XML文件来设置)

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

<shape
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:shape="rectangle"
    >

    <corners
        ohos:radius="100"/>

    <solid
        ohos:color="#007DFF"/>

</shape>