/ohos5.0/docs/zh-cn/design/ux-design/ |
H A D | grid-system.md | 4 … Margin,Gutter,Column 三个属性构成。Margin是相对屏幕、窗口等父容器左右边缘的距离,决定了内容可展示的整体宽度;Gutter是每个Column的间距,决定内容间的紧密程度… 13 Margin、Gutter的大小、Column的数量均可自定义,界面内容跟据Column的边缘定位。通过采用不同数值调整内容信息量和紧密程度,一般推荐使用4或8的倍数。例如Margin 32vp、G…
|
H A D | design-checklist.md | 16 | | 响应式设计 | 栅格布局只能占N列以及N列内部的Gutter,不包含N列两侧的Gutter。 | 必须 |
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components_v2/grid_layout/ |
H A D | grid_container_util_class.h | 83 class Gutter : public AceType { 84 DECLARE_ACE_TYPE(Gutter, AceType); 87 Gutter() = default; 89 Gutter, (xXs)(yXs)(xSm)(ySm)(xMd)(yMd)(xLg)(yLg)(xXl)(yXl)(xXXl)(yXXl)) 90 explicit Gutter(Dimension dimension) 93 Gutter(Dimension xDimension, Dimension yDimension) in Gutter() function
|
H A D | grid_row_component.h | 61 const RefPtr<Gutter>& GetGutter() const in GetGutter() 66 void SetGutter(const RefPtr<Gutter>& gutter) in SetGutter() 107 RefPtr<Gutter> gutter_ = AceType::MakeRefPtr<Gutter>();
|
H A D | grid_container_utils.h | 39 …static std::pair<Dimension, Dimension> ProcessGutter(GridSizeType sizeType, const RefPtr<Gutter>& … 40 … static std::pair<Dimension, Dimension> ProcessGutter(GridSizeType sizeType, const Gutter& gutter);
|
H A D | grid_container_utils.cpp | 95 …imension, Dimension> GridContainerUtils::ProcessGutter(GridSizeType sizeType, const Gutter& gutter) in ProcessGutter() 115 …, Dimension> GridContainerUtils::ProcessGutter(GridSizeType sizeType, const RefPtr<Gutter>& gutter) in ProcessGutter()
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components_ng/pattern/grid_row/ |
H A D | grid_row_model_ng.cpp | 29 auto gutter = Referenced::MakeRefPtr<V2::Gutter>(); in Create() 35 void GridRowModelNG::Create(const RefPtr<V2::GridContainerSize>& col, const RefPtr<V2::Gutter>& gut… in Create() 45 ACE_UPDATE_LAYOUT_PROPERTY(GridRowLayoutProperty, Gutter, *gutter); in Create() 85 void GridRowModelNG::SetGutter(FrameNode* frameNode, const RefPtr<V2::Gutter>& gutter) in SetGutter() 87 ACE_UPDATE_NODE_LAYOUT_PROPERTY(GridRowLayoutProperty, Gutter, *gutter, frameNode); in SetGutter()
|
H A D | grid_row_model_ng.h | 25 void Create(const RefPtr<V2::GridContainerSize>& col, const RefPtr<V2::Gutter>& gutter, 32 static void SetGutter(FrameNode* frameNode, const RefPtr<V2::Gutter>& gutter);
|
H A D | grid_row_layout_property.h | 61 ACE_DEFINE_PROPERTY_ITEM_WITHOUT_GROUP(Gutter, V2::Gutter, PROPERTY_UPDATE_MEASURE);
|
H A D | grid_row_model.h | 33 virtual void Create(const RefPtr<V2::GridContainerSize>& col, const RefPtr<V2::Gutter>& gutter,
|
H A D | grid_row_layout_algorithm.cpp | 37 using OHOS::Ace::V2::Gutter;
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/cj_frontend/interfaces/cj_ffi/ |
H A D | cj_grid_row_ffi.cpp | 69 void InheritGridRowGutterOption(const RefPtr<V2::Gutter>& gutter, in InheritGridRowGutterOption() 99 void ParseGutterObject(const AtCGridRowSizeOption& gutterObject, RefPtr<V2::Gutter>& gutter, bool i… in ParseGutterObject() 108 RefPtr<V2::Gutter> ParserGutter(const AtCGridRowSizeOption& x, const AtCGridRowSizeOption& y) in ParserGutter() 110 auto gutter = AceType::MakeRefPtr<V2::Gutter>(); in ParserGutter() 117 RefPtr<V2::Gutter> ParserGutter(double x, int32_t xUnit, double y, int32_t yUnit) in ParserGutter() 119 auto gutter = AceType::MakeRefPtr<V2::Gutter>(); in ParserGutter() 125 RefPtr<V2::Gutter> ParserGutter(const Dimension& gutterDim) in ParserGutter() 127 auto gutter = AceType::MakeRefPtr<V2::Gutter>(gutterDim); in ParserGutter()
|
/ohos5.0/foundation/arkui/ace_engine/test/unittest/core/pattern/grid_row/ |
H A D | grid_row_new_test_ng.cpp | 64 V2::Gutter gutter = V2::Gutter(xDimension, yDimension); in __anondd4488980202() 72 ACE_UPDATE_LAYOUT_PROPERTY(GridRowLayoutProperty, Gutter, gutter); in __anondd4488980202()
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/jsview/ |
H A D | js_grid_row.cpp | 78 void InheritGridRowGutterOption(const RefPtr<V2::Gutter>& gutter, in InheritGridRowGutterOption() 106 void ParseGutterObject(const JSRef<JSVal>& gutterObject, RefPtr<V2::Gutter>& gutter, bool isHorizon… in ParseGutterObject() 151 RefPtr<V2::Gutter> ParserGutter(const JSRef<JSVal>& jsValue) in ParserGutter() 155 auto gutter = AceType::MakeRefPtr<V2::Gutter>(result); in ParserGutter() 159 return AceType::MakeRefPtr<V2::Gutter>(); in ParserGutter() 164 auto gutter = AceType::MakeRefPtr<V2::Gutter>(); in ParserGutter()
|
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/ |
H A D | ts-container-gridrow.md | 42 |gutter|[Length](ts-types.md#length) \| [GutterOption](#gutteroption)| No |Gutter of the grid lay… 104 | xs | [Length](ts-types.md#length) | No | Gutter size for minimum device width. | 105 | sm | [Length](ts-types.md#length) | No | Gutter size for small device width. | 106 | md | [Length](ts-types.md#length) | No | Gutter size for medium device width. | 107 | lg | [Length](ts-types.md#length) | No | Gutter size for large device width. | 108 | xl | [Length](ts-types.md#length) | No | Gutter size for extra large device width. | 109 | xxl | [Length](ts-types.md#length) | No | Gutter size for extra extra large device width. |
|
H A D | ts-container-gridcontainer.md | 37 | gutter | number \| string | No| Gutter of the grid layout. This parameter cannot be set to a perc…
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/interfaces/native/node/ |
H A D | grid_row_modifier.cpp | 59 void InheritGridRowGutterOption(const RefPtr<V2::Gutter>& gutter, in InheritGridRowGutterOption() 165 auto parsedGutter = Referenced::MakeRefPtr<V2::Gutter>(); in SetGutter() 174 auto parsedGutter = Referenced::MakeRefPtr<V2::Gutter>(); in ResetGutter()
|
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/jsview/models/ |
H A D | grid_row_model_impl.h | 25 void Create(const RefPtr<V2::GridContainerSize>& col, const RefPtr<V2::Gutter>& gutter,
|
H A D | grid_row_model_impl.cpp | 29 void GridRowModelImpl::Create(const RefPtr<V2::GridContainerSize>& col, const RefPtr<V2::Gutter>& g… in Create()
|
/ohos5.0/docs/zh-cn/application-dev/key-features/multi-device-app-dev/ |
H A D | responsive-layout.md | 320 栅格的样式由Margin、Gutter、Columns三个属性决定。 323 - Gutter是相邻的两个Column之间的距离,决定内容间的紧密程度。 327 单个Column的宽度是系统结合Margin、Gutter和Columns自动计算的,不需要也不允许开发者手动配置。 329 栅格布局就是栅格结合了断点,实现栅格布局能力的组件叫栅格组件。在实际使用场景中,可以根据需要配置不同断点下栅格组件中元素占据的列数,同时也可以调整Margin、Gutter、Columns的取值,从… 800 如前所述,栅格组件提供了丰富的自定义能力,功能异常灵活和强大。只需要明确栅格在不同断点下的Columns、Margin、Gutter及span等参数,即可确定最终布局,无需关心具体的设备类型及设备状…
|
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-js/ |
H A D | js-components-grid-container.md | 26 | gutter | <length> | 24px | 否 | 设置Gutter宽度 |
|
/ohos5.0/docs/en/design/ux-design/ |
H A D | grid-system.md | 4 …w. It determines the overall width of the content that can be displayed. Gutter is the spacing bet…
|
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-js/ |
H A D | js-components-grid-basic-concepts.md | 22 2. **Gutter**
|
H A D | js-components-grid-container.md | 27 | gutter | <length> | 24px | No| Gutter width.|
|
/ohos5.0/foundation/arkui/ace_engine/test/unittest/core/pattern/grid_row/old_cases/ |
H A D | grid_row_test_ng.cpp | 96 rowLayout->UpdateGutter(V2::Gutter()); in SetUp() 249 layoutProperty->UpdateGutter(V2::Gutter(Dimension(gutterVal))); 1576 layoutProperty->UpdateGutter(V2::Gutter(Dimension(testVal))); 1602 auto gutterVal = Referenced::MakeRefPtr<V2::Gutter>();
|