知识库

返回支持概述

一线布局目录是定义布局的模型集合。要创建自己的开发目录，您可以按如下所示定义它：

<目录名称=“MyCatalog” version=“1”
         xmlns：xsi=“http://www.w3.org/2001/XMLSchema-instance” xmlns=“xsi
         ：noNamespaceSchemaLocation=”ui_catalog.xsd“>
</Catalog>

零件模板

零件模板是预定义的模块，只需创建一次，即可在布局中的多个视图中重复使用。这使您的布局保持一致，并且只需实施一次更改。部件模板的一个示例是状态栏：

<PartTemplate 名称=“STATUS_BAR” 边距=“1,1,1,1” BackgroundColor=“#00000000”>
    <StackLayout>
        <StackItem 名称=“L2_BACKGROUND_HEADER” Orientation=“水平”>
            <面板名称=“UBIMAX_SPACE” 权重=“0.9”/>
            <图像名称=“UBIMAX_ICON” 权重=“0.1” 边距=“0,0,0,0” 内容=“ANDRRES_ubimax_logo”/>
        </堆栈项>
        <堆栈项名称=“L3_TEXT_OVERLAY” 方向=“水平” 填充=“3,0,3,5” BackgroundColor=“#00ffffff”>
            <电池状态 权重=“0.05” 填充=“1,1,1,1”/>
            <WiFiStatus 权重=“0.05” 填充=“1,1,1,1”/>
            <MqttStatus 权重=“0.05” 填充=“1,1,1,1”/>
            <MicrophoneSpeechFeedback 权重=“0.05” 填充=“1,1,1,1” margin=“2,0,2,0” PositiveNotifications=“true”
                                      NegativeNotifications=“true”/>
            <TorchStatus weight=“0.05” padding=“1,1,1,1”/>
            <文本权重=“0.5” name=“StatusBarInfo” gravity=“中心” textColor=“灰色” font=“roboto-light”
                  padding=“2,0,2,0”
                  BackgroundColor=“#00ffffff”/>
            <Panel Weight=“0.25” BackgroundColor=“#00ffffff”/>
        </StackItem><
    /StackLayout>
</PartTemplate>

布局页面

布局页面用作视图的模板。它们可以包含不同的元素，例如文本、面板或零件模板。它还包含内容占位符，这些占位符定义可由使用特定布局页面的布局模型填充的空间：

<LayoutPage Name=“DefaultMaster” Padding=“0,20,0,20”>
    <Part Template=“STATUS_BAR” weight=“0.1”/>
    <Panel weight=“0.8” margin=“10,0,10,0”>
       <ContentPlaceHolder Name=“Content”/>
    </Panel>
    <Panel Weight=“0.1”>
        <ContentPlaceHolder Name=“Footer”/>
    </Panel>
</LayoutPage>

布局模型

布局模型是布局页面的实现。您可以将此概念与抽象类和从另一个类继承其属性的类进行比较。布局页面是此比较中的抽象类，布局模型是实现：

布局模型需要用内容填充占位符：

<Content PlaceHolder=“PlaceholderName”>
    [您的代码在这里]
</Content>

风格

样式提供了一种预定义样式属性（如边框、背景色或文本颜色）的方法。只需将样式作为属性添加到 style="yourStyleName" 元素即可。

使用样式可以在应用程序中拥有统一的外观，并允许您快速调整多个元素的属性。

样式可以这样定义：

<样式名称=“InfoContentStyle” MaxLines=“1” 重力=“中心” 填充=“0,5,0,5” 边框=“2，灰色.darker，灰色.dark”