Home
last modified time | relevance | path

Searched refs:breakpoints (Results 1 – 25 of 56) sorted by relevance

123

/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components_v2/grid_layout/
H A Dgrid_container_utils.cpp26 RefPtr<GridSizeInfo> ParseBreakpoints(const BreakPoints& breakpoints) in ParseBreakpoints() argument
30 for (const auto& breakpoint : breakpoints.breakpoints) { in ParseBreakpoints()
36 RefPtr<GridSizeInfo> ParseBreakpoints(const RefPtr<BreakPoints>& breakpoints) in ParseBreakpoints() argument
38 if (!breakpoints) { in ParseBreakpoints()
42 return ParseBreakpoints(*breakpoints); in ParseBreakpoints()
47 GridSizeType GridContainerUtils::ProcessGridSizeType(const V2::BreakPoints& breakpoints, const Size… in ProcessGridSizeType() argument
50 auto threshold = ParseBreakpoints(breakpoints); in ProcessGridSizeType()
52 if (breakpoints.reference == BreakPointsReference::WindowSize) { in ProcessGridSizeType()
71 … const RefPtr<BreakPoints>& breakpoints, const Size& size, const RefPtr<PipelineContext>& pipeline) in ProcessGridSizeType() argument
73 auto threshold = ParseBreakpoints(breakpoints); in ProcessGridSizeType()
[all …]
H A Dgrid_container_utils.h35 static GridSizeType ProcessGridSizeType(const V2::BreakPoints& breakpoints, const Size& size,
38 …const RefPtr<BreakPoints>& breakpoints, const Size& size, const RefPtr<PipelineContext>& pipeline);
H A Dgrid_row_component.h56 void SetBreakPoints(const RefPtr<BreakPoints>& breakpoints) in SetBreakPoints() argument
58 breakPoints_ = breakpoints; in SetBreakPoints()
H A Dgrid_container_util_class.h136 BreakPoints, (reference)(breakpoints))
138 std::vector<std::string> breakpoints { "320vp", "600vp", "840vp" };
/ohos5.0/foundation/arkui/ace_engine/test/unittest/core/pattern/grid_row/
H A Dgrid_row_new_test_ng.cpp65 V2::BreakPoints breakpoints; in __anondd4488980202() local
67 breakpoints.breakpoints = { "1000px" }; in __anondd4488980202()
69 breakpoints.reference = V2::BreakPointsReference::WindowSize; in __anondd4488980202()
73 ACE_UPDATE_LAYOUT_PROPERTY(GridRowLayoutProperty, BreakPoints, breakpoints); in __anondd4488980202()
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/
H A Dts-container-gridrow.md43 |breakpoints|[BreakPoints](#breakpoints)| 否 |设置断点值的断点数列以及基于窗口或容器尺寸的相应参照。<br />默认值：<br />{<br />va…
82 在GridRow栅格组件中，允许开发者使用breakpoints自定义修改[断点](../../../ui/arkts-layout-development-grid-layout.md#栅格系统断…
127 breakpoints: {value: ["100vp", "200vp"]}
129 breakpoints: {value: ["320vp", "600vp", "840vp"]}
131 breakpoints: {value: ["320vp", "600vp", "840vp", "1080vp"]}
200 onBreakpointChange(callback: (breakpoints: string) => void)
214 |breakpoints| string |否|取值为`"xs"`、`"sm"`、`"md"`、`"lg"`、`"xl"`、`"xxl"`。|
233 breakpoints: { value: ["400vp", "600vp", "800vp"],
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/components_ng/pattern/grid_row/
H A Dgrid_row_model_ng.cpp30 auto breakpoints = Referenced::MakeRefPtr<V2::BreakPoints>(); in Create() local
32 Create(col, gutter, breakpoints, direction); in Create()
36 const RefPtr<V2::BreakPoints>& breakpoints, V2::GridRowDirection direction) in Create() argument
46 ACE_UPDATE_LAYOUT_PROPERTY(GridRowLayoutProperty, BreakPoints, *breakpoints); in Create()
95 …id GridRowModelNG::SetBreakpoints(FrameNode* frameNode, const RefPtr<V2::BreakPoints>& breakpoints) in SetBreakpoints() argument
97 ACE_UPDATE_NODE_LAYOUT_PROPERTY(GridRowLayoutProperty, BreakPoints, *breakpoints, frameNode); in SetBreakpoints()
H A Dgrid_row_model_ng.h26 const RefPtr<V2::BreakPoints>& breakpoints, V2::GridRowDirection direction) override;
34 static void SetBreakpoints(FrameNode* frameNode, const RefPtr<V2::BreakPoints>& breakpoints);
H A Dgrid_row_layout_property.cpp45 for (auto& breakpoint : breakPoints.breakpoints) { in ToJsonValue()
49 str = (static_cast<int32_t>(breakPoints.breakpoints.size()) > 1) ? in ToJsonValue()
H A Dgrid_row_model.h34 const RefPtr<V2::BreakPoints>& breakpoints, V2::GridRowDirection direction) = 0;
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/
H A Dts-container-gridrow.md43 |breakpoints|[BreakPoints](#breakpoints)| No |Array of breakpoints for the breakpoint value and th…
82 …breakpoints](../../../ui/arkts-layout-development-grid-layout.md#grid-breakpoints). A maximum of s…
113 Sets breakpoints for the responsive grid container.
126 // Enable the xs, sm, and md breakpoints.
127 breakpoints: {value: ["100vp", "200vp"]}
128 …// Enable four breakpoints: xs, sm, md, and lg. The breakpoint range must be monotonically increas…
129 breakpoints: {value: ["320vp", "600vp", "840vp"]}
130 …// Enable five breakpoints: xs, sm, md, lg, and xl. The number of breakpoint ranges cannot exceed …
131 breakpoints: {value: ["320vp", "600vp", "840vp", "1080vp"]}
200 onBreakpointChange(callback: (breakpoints: string) => void)
[all …]
/ohos5.0/docs/zh-cn/third-party-cases/
H A Dadaptive-ui-development.md9 …breakpoints），比如可以将屏幕列数根据屏幕大小划分为：小屏设备4列，中屏8列，大屏12列（假设屏幕宽度<=520vp为小屏，520vp<屏幕宽度<=840vp为中屏，屏幕宽度>840vp…
41 breakpoints: { value: ["320vp", "520vp"] }
57 breakpoints: { value: ["320vp", "520vp"] }
107 breakpoints: { value: ["320vp", "520vp"] }
168 breakpoints: { value: ["320vp", "520vp"] }
/ohos5.0/docs/en/application-dev/ui/
H A Darkts-layout-development-grid-layout.md24 …breakpoints, which are screen width types in effect, based on the horizontal width ([screen densit…
26 By default, the grid system provides four breakpoints: xs, sm, md, and lg.
35 …breakpoints** to customize the value range of breakpoints. A maximum of six breakpoints are suppor…
46 - Set **breakpoints** with a monotonically increasing array based on the use case. As **breakpoints…
50 breakpoints: {value: ['100vp', '200vp']}
53 …Enables three breakpoints: xs, sm, and md. If the value is less than 100 vp, the breakpoint is xs.…
57 breakpoints: {value: ['320vp', '520vp', '840vp', '1080vp']}
60 …Enables five breakpoints: xs, sm, md, lg, and xl. If the value is less than 320 vp, the breakpoint…
62 …breakpoints by listening for the changes in the window or container size, and sets the breakpoint …
73 breakpoints: {
[all …]
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/ark_component/src/
H A DArkGridRow.ts131 class GridRowOnBreakpointChangeModifier extends ModifierWithKey<(breakpoints: string) => void> {
132 constructor(value: (breakpoints: string) => void) {
147 breakpoints?: BreakPoints;
157 onBreakpointChange(callback: (breakpoints: string) => void): GridRowAttribute {
185 this.setBreakpoints((value[0] as GridRowParam).breakpoints);
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/jsview/
H A Djs_grid_row.cpp217 auto breakpoints = JSRef<JSObject>::Cast(jsValue); in ParserBreakpoints() local
218 auto value = breakpoints->GetProperty("value"); in ParserBreakpoints()
219 auto reference = breakpoints->GetProperty("reference"); in ParserBreakpoints()
226 breakpoint->breakpoints.clear(); in ParserBreakpoints()
240 breakpoint->breakpoints.push_back(threshold->ToString()); in ParserBreakpoints()
264 auto breakpoints = gridRow->GetProperty("breakpoints"); in Create() local
269 auto parsedBreakpoints = ParserBreakpoints(breakpoints); in Create()
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/jsview/models/
H A Dgrid_row_model_impl.cpp30 const RefPtr<V2::BreakPoints>& breakpoints, V2::GridRowDirection direction) in Create() argument
35 component->SetBreakPoints(breakpoints); in Create()
H A Dgrid_row_model_impl.h26 const RefPtr<V2::BreakPoints>& breakpoints, V2::GridRowDirection direction) override;
/ohos5.0/docs/zh-cn/application-dev/ui/
H A Darkts-layout-development-grid-layout.md35 在GridRow栅格组件中，允许开发者使用breakpoints自定义修改断点的取值范围，最多支持6个断点，除了默认的四个断点外，还可以启用xl，xxl两个断点，支持六种不同尺寸（xs, sm, m…
46 - 针对断点位置，开发者根据实际使用场景，通过一个单调递增数组设置。由于breakpoints最多支持六个断点，单调递增数组长度最大为5。
50 breakpoints: {value: ['100vp', '200vp']}
57 breakpoints: {value: ['320vp', '520vp', '840vp', '1080vp']}
73 breakpoints: {
189 …GridRow({ columns: { sm: 4, md: 8 }, breakpoints: { value: ['200vp', '300vp', '400vp', '500vp', '6…
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-js/
H A Djs-components-grid-basic-concepts.md20 …different margins based on the screen sizes to serve as the unified specifications for breakpoints.
24 …s based on the screen sizes to serve as the unified specifications for breakpoints. To achieve a g…
34 …The grid system uses the horizontal virtual pixels \(vps\) to determine the breakpoints. Different…
/ohos5.0/foundation/arkui/advanced_ui_component/source/SplitLayout/
H A DSplitLayout.ets32 breakpoints: {
77 breakpoints: {
118 breakpoints: {
/ohos5.0/foundation/arkui/ace_engine/advanced_ui_component/splitlayout/source/
H A Dsplitlayout.ets40 breakpoints: {
92 breakpoints: {
144 breakpoints: {
/ohos5.0/docs/zh-cn/application-dev/key-features/multi-device-app-dev/
H A Dresponsive-layout.md163 private readonly breakpoints: Breakpoint[] = [
191 this.breakpoints.forEach((breakpoint: Breakpoint, index) => {
193 if (index === this.breakpoints.length - 1) {
196 condition = `(${breakpoint.size}vp<=width<${this.breakpoints[index + 1].size}vp)`
215 this.breakpoints.forEach((breakpoint: Breakpoint, index) => {
370 GridRow({breakpoints: {value: ['600vp', '700vp', '800vp', '900vp', '1000vp'],
410 GridRow({breakpoints: {value: ['100vp', '200vp', '300vp', '400vp', '500vp'],
/ohos5.0/foundation/arkui/ace_engine/test/unittest/core/pattern/grid_row/old_cases/
H A Dgrid_row_test_ng.cpp1522 V2::BreakPoints breakpoints; variable
1523 breakpoints.reference = V2::BreakPointsReference::ComponentSize;
1524 breakpoints.breakpoints.assign({ "400px", "700px", "1000px" }); // xs sm md lg
1525 layoutProperty->UpdateBreakPoints(breakpoints);
1539 breakpoints.breakpoints.assign({ "100px", "400px", "700px" }); // xs sm md lg
1540 layoutProperty->UpdateBreakPoints(breakpoints);
1568 auto breakpoints = layoutProperty->GetBreakPoints(); variable
1569 EXPECT_TRUE(breakpoints.has_value());
1579 breakpointsVal.breakpoints.assign({ "123vp" });
1616 auto breakpoints = layoutProperty->GetBreakPoints(); variable
[all …]
/ohos5.0/foundation/arkui/ace_engine/advanced_ui_component/splitlayout/interfaces/
H A Dsplitlayout.js135 breakpoints: {
217 breakpoints: {
296 breakpoints: {
/ohos5.0/docs/en/application-dev/napi/
H A Ddebug-lldb.md82 3. Set breakpoints at the **main** function in the code.
97 6. List all the breakpoints.
216 6. Set breakpoints at the **main** function in the code.

123