Home
last modified time | relevance | path

Searched refs:grid (Results 1 – 25 of 210) sorted by relevance

123456789

/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/jsview/models/
H A Dgrid_model_impl.cpp64 CHECK_NULL_VOID(grid); in SetColumnsTemplate()
72 CHECK_NULL_VOID(grid); in SetRowsTemplate()
80 CHECK_NULL_VOID(grid); in SetColumnsGap()
88 CHECK_NULL_VOID(grid); in SetRowsGap()
89 grid->SetRowGap(value); in SetRowsGap()
106 CHECK_NULL_VOID(grid); in SetScrollBarMode()
114 CHECK_NULL_VOID(grid); in SetScrollBarColor()
122 CHECK_NULL_VOID(grid); in SetScrollBarWidth()
130 CHECK_NULL_VOID(grid); in SetCachedCount()
138 CHECK_NULL_VOID(grid); in SetIsRTL()
[all …]
/ohos5.0/docs/zh-cn/application-dev/ui/
H A Dui-js-components-grid.md4 栅格布局容器根节点，使用grid-row与grid-col进行栅格布局。具体请参考[Grid-container](../reference/apis-arkui/arkui-js/js-compo…
7 ## 创建grid-container组件
20 </grid-container>
40 > grid-container仅支持grid-row为子组件。
112 ## 添加grid-col
114 创建grid-container组件并添加grid-row，在grid-row组件内添加grid-col组件形成布局。
126 </grid-col>
127 </grid-row>
139 </grid-row>
146 </grid-row>
[all …]
/ohos5.0/docs/en/application-dev/ui/
H A Dui-js-components-grid.md4 …grid-container>** component is the root container of the grid layout. Within the root container, y…
20 </grid-container>
114 After adding a **\<grid-row>** child component to **\<grid-container>**, add a **\<grid-col>** chil…
126 </grid-col>
127 </grid-row>
133 </grid-col>
138 </grid-col>
139 </grid-row>
145 </grid-col>
146 </grid-row>
[all …]
H A Darkts-layout-development-create-grid.md53 The preceding figure shows a grid layout with three rows and three columns. The grid layout is divi…
73 …grid layout, where grid cells span a varying number of cells and rows, is as common as its even co…
75 **Figure 4** Uneven grid layout
140 The grid layout organizes its internal elements in two-dimensional layout mode, as shown in the fol…
223 …grid layout is often used on the file list, product list, video list, and similar pages, as shown …
225 **Figure 9** Horizontal scrollable grid layout
229 If **columnsTemplate** is set, the grid scrolls vertically. If **rowsTemplate** is set, the grid sc…
231 …grid layout shown in the preceding figure, **rowsTemplate** is set but **columnsTemplate** is not.…
249 …Template attribute. When the content exceeds the display area of the grid, the grid can be scrolle…
302 …ing-a-long-list), it is also recommended for a scrolling grid layout when a large number of grid i…
[all …]
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components/grid/
H A Dgrid_controller.cpp25 if (!grid) { in JumpTo()
29 grid->JumpTo(position); in JumpTo()
35 if (!grid) { in AnimateTo()
45 if (!grid) { in JumpTo()
49 grid->JumpTo(index); in JumpTo()
55 if (!grid) { in AnimateTo()
65 if (!grid) { in ScrollBy()
75 if (!grid) { in GetCurrentIndex()
79 return grid->GetCurrentIndex(); in GetCurrentIndex()
85 if (!grid) { in GetCurrentPosition()
[all …]
H A Dgrid_element.cpp40 RefPtr<RenderGrid> grid = AceType::DynamicCast<RenderGrid>(node); in CreateRenderNode() local
41 if (grid) { in CreateRenderNode()
108 if (grid) { in Update()
115 RefPtr<RenderGrid> grid = AceType::DynamicCast<RenderGrid>(renderNode_); in RequestNextFocus() local
116 if (!grid) { in RequestNextFocus()
144 RefPtr<RenderGrid> grid = AceType::DynamicCast<RenderGrid>(renderNode_); in HandleOnFocus() local
145 if (!grid) { in HandleOnFocus()
156 grid->HandleOnFocus(focusIndex); in HandleOnFocus()
161 RefPtr<RenderGrid> grid = AceType::DynamicCast<RenderGrid>(renderNode_); in HandleOnBlur() local
162 if (!grid) { in HandleOnBlur()
[all …]
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components_v2/grid/
H A Dgrid_position_controller.cpp26 if (!grid) { in ScrollToIndex()
29 grid->ScrollToIndex(index); in ScrollToIndex()
36 if (!grid) { in AnimateTo()
45 if (!grid) { in GetCurrentOffset()
48 return grid->CurrentOffset(); in GetCurrentOffset()
54 if (!grid) { in GetScrollDirection()
57 return grid->GetAxis(); in GetScrollDirection()
63 if (!grid) { in ScrollToEdge()
66 grid->ScrollToEdge(scrollEdgeType, smooth); in ScrollToEdge()
72 if (!grid) { in ScrollPage()
[all …]
H A Dgrid_scroll_controller.cpp23 auto grid = AceType::DynamicCast<RenderGridScroll>(scroll_.Upgrade()); in MarkScrollRender() local
24 if (grid) { in MarkScrollRender()
25 grid->MarkNeedLayout(); in MarkScrollRender()
31 auto grid = AceType::DynamicCast<RenderGridScroll>(scroll_.Upgrade()); in CheckScroll() local
32 return grid != nullptr; in CheckScroll()
41 auto grid = AceType::DynamicCast<RenderGridScroll>(scroll_.Upgrade()); in UpdateScrollPosition() local
42 if (!grid || NearZero(grid->GetEstimatedHeight())) { in UpdateScrollPosition()
45 double height = grid->GetLayoutSize().Height(); in UpdateScrollPosition()
46 double estimateHeight = grid->GetEstimatedHeight(); in UpdateScrollPosition()
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/ark_component/src/
H A DArkGrid.ts248 getUINativeModule().grid.resetColumnsGap(node);
262 getUINativeModule().grid.resetRowsGap(node);
287 getUINativeModule().grid.resetScrollBar(node);
309 getUINativeModule().grid.resetEditMode(node);
345 getUINativeModule().grid.resetEdgeEffect(node);
364 getUINativeModule().grid.resetFadingEdge(node);
406 getUINativeModule().grid.resetFriction(node);
421 getUINativeModule().grid.resetMaxCount(node);
432 getUINativeModule().grid.resetMinCount(node);
443 getUINativeModule().grid.resetCellLength(node);
[all …]
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-js/
H A Djs-components-container-div.md184 <div class="grid-child grid-left-top"></div>
185 <div class="grid-child grid-left-bottom"></div>
186 <div class="grid-child grid-right-top"></div>
187 <div class="grid-child grid-right-bottom"></div>
201 .grid-parent {
202 display: grid;
208 .grid-child {
213 .grid-left-top {
216 grid-row-end: 0;
223 grid-row-end: 1;
[all …]
H A Djs-components-grid-col.md1 # grid-col
6 grid-col是栅格布局容器grid-row的子容器组件。
45 | grid-[columns\|rows]-gap | &lt;length&gt; | 0 | 否 | 用于设置行与行的间距或者列与列的间距，也可以支持通过gr…
46 | grid-row-[start\|end] | number | - | 否 | 用于设置当前元素在网格布局中的起止行号，仅当父组件dis…
47 | grid-column-[start\|end] | number | - | 否 | 用于设置当前元素在网格布局中的起止列号，仅当父组件dis…
70 <grid-col span="2">
74 </grid-col>
75 <grid-col span="3" style="background-color:orange;">
79 </grid-col>
80 </grid-row>
[all …]
H A Djs-components-grid-row.md1 # grid-row
6 grid-row是栅格布局容器grid-container的子容器组件，使用flex横向布局，排列每个grid-col容器，justify-content与align-items默认为flex-st…
15 仅支持&lt;grid-col&gt;。
50 详见[grid-col示例](js-components-grid-col.md#示例)。
H A Djs-components-grid-container.md1 # grid-container
6 栅格布局容器根节点，使用grid-row与grid-col进行栅格布局。
15 仅支持&lt;grid-row&gt;。
37 | 宫格布局栅格 | grid | sm(0&lt;设备水平分辨率&lt;600px) | 4 | 24 | 12 |
76 详见[grid-col示例](js-components-grid-col.md#示例)。
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/
H A Dts-container-griditem.md8 > * 仅支持作为[Grid](ts-container-grid.md)组件的子组件使用。
46 …数](ts-container-grid.md#gridlayoutoptions10)，详细可参考[Grid的示例1](ts-container-grid.md#示例1固定行列grid)和[Gr…
62 …数](ts-container-grid.md#gridlayoutoptions10)，详细可参考[Grid的示例1](ts-container-grid.md#示例1固定行列grid)和[Gr…
78 …数](ts-container-grid.md#gridlayoutoptions10)，详细可参考[Grid的示例1](ts-container-grid.md#示例1固定行列grid)和[Gr…
94 …数](ts-container-grid.md#gridlayoutoptions10)，详细可参考[Grid的示例1](ts-container-grid.md#示例1固定行列grid)和[Gr…
98 …数](ts-container-grid.md#gridlayoutoptions10)，详细可参考[Grid的示例1](ts-container-grid.md#示例1固定行列grid)和[Gr…
216 …数](ts-container-grid.md#gridlayoutoptions10)，详细可参考[Grid的示例1](ts-container-grid.md#示例1固定行列grid)和[Gr…
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/
H A Dts-container-griditem.md3 The **GridItem** component provides a single item in a grid.
8 > * This component can be used only as a child of [Grid](ts-container-grid.md).
46 …grid item spans, you are advised to use the [layoutOptions parameter](ts-container-grid.md#gridlay…
62 …grid item spans, you are advised to use the [layoutOptions parameter](ts-container-grid.md#gridlay…
78 …grid item spans, you are advised to use the [layoutOptions parameter](ts-container-grid.md#gridlay…
98 …grid item spans, you are advised to use the [layoutOptions parameter](ts-container-grid.md#gridlay…
110 …grid that has only **columnTemplate** set, grid items that have **columnStart**/**columnEnd** set …
112 …grid that has only **rowTemplate** set, grid items that have **rowStart**/**rowEnd** set are laid …
114 > In the grid that has only **columnTemplate** set, grid items whose row or column number settings…
193 …used style for the grid item, the grid container must have paddings of greater than 4 vp for accom…
[all …]
H A Dts-container-grid.md138 > - By default, the grid items fill the entire grid.
147 … main axis size of the grid is the maximum value of the main axis sizes of all grid items in the c…
156 > - If there are no grid items in the grid, the width and height of the grid are set to 0.
298 Sets the main axis direction of the grid.
473 Sets the alignment mode of grid items in the grid. For details, see [Example 9](#example-9).
728 Triggered when the grid scrolls.
1262 Below shows how the grid looks when dragging of grid items starts.
1266 Below shows how the grid looks when dragging of grid items is in progress.
1270 Below shows how the grid looks after grid item 1 and grid item 6 swap their positions.
1395 ![pinch](figures/grid-pinch.gif)
[all …]
H A Dts-container-gridcol.md25 | option | [GridColOptions](#gridcoloptions) | No | Child component options of the grid layout.|
80 … Number of offset columns relative to the previous child component of the grid<br>Default value: *…
86 Sets the sequence number of the component. Child components of the grid are sorted in ascending ord…
98 …ption) | Yes | Sequence number of the component. Child components of the grid are sorted in ascen…
102 Describes the numbers of grid columns occupied by the **GridCol** component on devices with differe…
112 | xs | number | No | Number of grid columns on the device where the grid size is xs. |
113 | sm | number | No | Number of grid columns on the device where the grid size is sm. |
114 | md | number | No | Number of grid columns on the device where the grid size is md. |
115 | lg | number | No | Number of grid columns on the device where the grid size is lg. |
116 | xl | number | No | Number of grid columns on the device where the grid size is xl. |
[all …]
H A Dts-container-gridrow.md5 The **GridRow** component is used in a grid layout, together with its child component [GridCol](ts-…
29 | option | [GridRowOptions](#gridrowoptions) | No | Child component options of the grid layout.|
63 Describes the numbers of grid columns for devices with different grid sizes.
73 | xs | number | No | Number of grid columns on the device where the grid size is xs. |
74 | sm | number | No | Number of grid columns on the device where the grid size is sm. |
75 | md | number | No | Number of grid columns on the device where the grid size is md. |
76 | lg | number | No | Number of grid columns on the device where the grid size is lg. |
77 | xl | number | No | Number of grid columns on the device where the grid size is xl. |
78 | xxl | number | No | Number of grid columns on the device where the grid size is xxl. |
113 Sets breakpoints for the responsive grid container.
[all …]
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-js/
H A Djs-components-container-div.md185 <div class="grid-child grid-left-top"></div>
186 <div class="grid-child grid-left-bottom"></div>
187 <div class="grid-child grid-right-top"></div>
188 <div class="grid-child grid-right-bottom"></div>
202 .grid-parent {
203 display: grid;
209 .grid-child {
214 .grid-left-top {
217 grid-row-end: 0;
224 grid-row-end: 1;
[all …]
H A Djs-components-grid-col.md1 # grid-col
7 The **\<grid-col>** is the child component of the **\<grid-row>** container.
46 …grid-[columns\|rows]-gap | &lt;length&gt; | 0 | No | Size of the gap between two c…
71 <grid-row style="height:400px;justify-content:space-around;">
72 <grid-col span="2">
76 </grid-col>
77 <grid-col span="3" style="background-color:orange;">
81 </grid-col>
82 </grid-row>
83 </grid-container>
[all …]
H A Djs-components-grid-container.md1 # grid-container
7 …grid-container>** component is the root container of the grid layout. Within the root container, y…
16 Only the **\<grid-row>** component is supported.
26 | sizetype | string | auto | No| Size-responsive type of the grid. Available values are **xs**, **s…
34 | Default grid| default | xs | 2 | 12 | 12 |
38 | Grid layout| grid | sm (0 < Device horizontal resolution < 600px)| 4 | 24 | 12 |
69 | getColumns | - | Returns the number of columns in the grid.|
70 | getColumnWidth | - | Returns the column width of the grid.|
71 | getGutterWidth | - | Returns the gutter width between columns of the grid.|
72 | getSizeType | - | Returns the size-responsive type of the grid container (xs\|sm\|md\|lg).|
[all …]
H A Djs-components-grid-basic-concepts.md3 …omponents layout elements in a grid system which is built based on **<grid-container\>**, **<gri…
5 …tioning tool, the grid system plays an essential role in graphic design, website design, and the U…
32 …The grid system defines the mapping between the number of columns and the width of devices, which …
34 …The grid system uses the horizontal virtual pixels \(vps\) to determine the breakpoints. Different…
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/js-service-widget-ui/
H A Djs-service-widget-container-div.md32 | grid-template-[columns\|rows] | string | 1行1列 | 否 | 用于设置当前网格布局行和列的数量，不设置时默认1行1列，仅当display为grid时生效…
33 | grid-[columns\|rows]-gap | &lt;length&gt; | 0 | 否 | 用于设置行与行的间距或者列与列的间距，也可以支持通过grid-gap设置相同的行列间距，仅…
34 | grid-row-[start\|end] | number | - | 否 | 用于设置当前元素在网格布局中的起止行号，仅当父组件display样式为grid时生效（仅div支持display…
35 | grid-column-[start\|end] | number | - | 否 | 用于设置当前元素在网格布局中的起止列号，仅当父组件display样式为grid时生效（仅div支持disp…
36 | grid-auto-flow | string | - | 否 | 使用框架自动布局算法进行网格的布局，可选值为：<br/>-&nbsp;row：逐行填充元素，如果行空间不够，则新增行。<br/…
/ohos5.0/foundation/graphic/graphic_2d/rosen/samples/webgl/entry/src/main/js/MainAbility/pages/index/utils/
H A DSphereGraph.js41 const grid = [];
66 grid.push(verticesRow);
68 this.generateIndices(grid, indices, heightSegments, widthSegments, thetaStart, thetaEnd);
73 generateIndices(grid, indices, heightSegments, widthSegments, thetaStart, thetaEnd) { argument
76 const a = grid[iy][ix + 1];
77 const b = grid[iy][ix];
78 const c = grid[iy + 1][ix];
79 const d = grid[iy + 1][ix + 1];
/ohos5.0/foundation/resourceschedule/ffrt/tools/ffrt_trace_process/
H A Dffrt_trace_process_gui.pyw230 self.btn_save_csv.grid(column=0, row=1, pady=20, padx=0)
232 self.frame001.grid(column=0, row=0, pady=0, padx=0)
239 self.ffrt_pid_check.grid(column=0, row=0, pady=0, padx=0)
245 self.frame002.grid(column=1, row=0, pady=0, padx=50)
266 self.frame003.grid(column=2, row=0, pady=0, padx=50)
272 self.text_output.grid(column=0, row=0, pady=0, padx=0)
274 self.frame004.grid(column=3, row=0, pady=0, padx=0)
276 self.frame00.grid(column=0, row=0, columnspan=3, padx=10)
282 self.frame10.grid(column=0, row=1, columnspan=3, padx=20)
286 self.statistics_scroll.grid(column=1, row=0, sticky=NS)
[all …]

123456789