Home
last modified time | relevance | path

Searched refs:justifyContent (Results 1 – 25 of 690) sorted by relevance

12345678910>>...28

/ohos5.0/docs/zh-cn/application-dev/ui/
H A Darkts-color-effect.md31 .justifyContent(FlexAlign.Center)
49 .justifyContent(FlexAlign.Center)
67 .justifyContent(FlexAlign.Center)
85 .justifyContent(FlexAlign.Center)
124 .justifyContent(FlexAlign.Center)
150 .justifyContent(FlexAlign.Center)
173 .justifyContent(FlexAlign.Center)
195 .justifyContent(FlexAlign.Center)
239 .justifyContent(FlexAlign.Center)
263 .justifyContent(FlexAlign.Center)
[all …]
H A Darkts-layout-development-linear.md200 在布局容器内，可以通过justifyContent属性设置子元素在容器主轴上的排列方式。可以从主轴起始位置开始排布，也可以从主轴结束位置开始排布，或者均匀分割主轴的空间。
209 - justifyContent(FlexAlign.Start)：元素在垂直方向首端对齐，第一个元素与行首对齐，同时后续的元素与前一个对齐。
226 - justifyContent(FlexAlign.Center)：元素在垂直方向中心对齐，第一个元素与行首的距离与最后一个元素与行尾距离相同。
243 - justifyContent(FlexAlign.End)：元素在垂直方向尾部对齐，最后一个元素与行尾对齐，其他元素与后一个对齐。
260 - justifyContent(FlexAlign.SpaceBetween)：垂直方向均匀分配元素，相邻元素之间距离相同。第一个元素与行首对齐，最后一个元素与行尾对齐。
294 - justifyContent(FlexAlign.SpaceEvenly)：垂直方向均匀分配元素，相邻元素之间的距离、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。
318 - justifyContent(FlexAlign.Start)：元素在水平方向首端对齐，第一个元素与行首对齐，同时后续的元素与前一个对齐。
335 - justifyContent(FlexAlign.Center)：元素在水平方向中心对齐，第一个元素与行首的距离与最后一个元素与行尾距离相同。
352 - justifyContent(FlexAlign.End)：元素在水平方向尾部对齐，最后一个元素与行尾对齐，其他元素与后一个对齐。
369 - justifyContent(FlexAlign.SpaceBetween)：水平方向均匀分配元素，相邻元素之间距离相同。第一个元素与行首对齐，最后一个元素与行尾对齐。
[all …]
H A Darkts-layout-development-relative-layout.md60 .justifyContent(FlexAlign.Center)
70 .justifyContent(FlexAlign.Center)
107 .justifyContent(FlexAlign.Center)
117 .justifyContent(FlexAlign.Center)
213 .justifyContent(FlexAlign.Center)
226 .justifyContent(FlexAlign.Center)
243 .justifyContent(FlexAlign.Center)
260 .justifyContent(FlexAlign.Center)
277 .justifyContent(FlexAlign.Center)
294 .justifyContent(FlexAlign.Center)
[all …]
H A Darkts-blur-effect.md135 .justifyContent(FlexAlign.Start)
169 .justifyContent(FlexAlign.Start)
199 .justifyContent(FlexAlign.Start)
229 .justifyContent(FlexAlign.Start)
259 .justifyContent(FlexAlign.Start)
289 .justifyContent(FlexAlign.Start)
319 .justifyContent(FlexAlign.Start)
349 .justifyContent(FlexAlign.Start)
398 .justifyContent(FlexAlign.Start)
432 .justifyContent(FlexAlign.Start)
[all …]
H A Darkts-attribute-animation-apis.md45 .justifyContent(FlexAlign.Center)
67 .justifyContent(FlexAlign.Center)
77 .justifyContent(FlexAlign.Center)
113 .justifyContent(FlexAlign.Center)
132 .justifyContent(FlexAlign.Center)
143 .justifyContent(FlexAlign.Center)
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/
H A Dts-container-relativecontainer.md201 .justifyContent(FlexAlign.Center)
214 .justifyContent(FlexAlign.Center)
227 .justifyContent(FlexAlign.Center)
285 .justifyContent(FlexAlign.Center)
299 .justifyContent(FlexAlign.Center)
312 .justifyContent(FlexAlign.Center)
325 .justifyContent(FlexAlign.Center)
360 .justifyContent(FlexAlign.Center)
369 .justifyContent(FlexAlign.Center)
382 .justifyContent(FlexAlign.Center)
[all …]
H A Dts-container-row.md29 …nbsp;\|&nbsp;number } | 否 | 横向布局元素间距。<br/>从API version 9开始，space为负数或者justifyContent设置为FlexAlign.Sp…
54 ### justifyContent<sup>8+</sup>
56 justifyContent(value: FlexAlign)
134 Text('justifyContent(End)').width('90%')
138 }.width('90%').border({ width: 1 }).justifyContent(FlexAlign.End)
140 Text('justifyContent(Center)').width('90%')
144 }.width('90%').border({ width: 1 }).justifyContent(FlexAlign.Center)
H A Dts-container-flex.md182 该示例通过设置justifyContent实现子组件在主轴上不同的对齐效果。
187 justifyContent : number = 0;
190 Flex({ justifyContent: this.justifyContent }) {
207 Text('justifyContent:Start').fontSize(9).fontColor(0xCCCCCC).width('90%')
208 JustifyContentFlex({ justifyContent: FlexAlign.Start }) // 子组件在容器主轴上首端对齐
210 Text('justifyContent:Center').fontSize(9).fontColor(0xCCCCCC).width('90%')
211 JustifyContentFlex({ justifyContent: FlexAlign.Center }) // 子组件在容器主轴上居中对齐
213 Text('justifyContent:End').fontSize(9).fontColor(0xCCCCCC).width('90%')
214 JustifyContentFlex({ justifyContent: FlexAlign.End }) // 子组件在容器主轴上尾端对齐
219 Text('justifyContent:SpaceAround').fontSize(9).fontColor(0xCCCCCC).width('90%')
[all …]
H A Dts-container-column.md29 …;\|&nbsp;number} | 否 | 纵向布局元素垂直方向间距。<br/>从API version 9开始，space为负数或者[justifyContent](ts-container-…
53 ### justifyContent<sup>8+</sup>
55 justifyContent(value: FlexAlign)
139 Text('justifyContent(Center)').width('90%')
143 }.height(100).border({ width: 1 }).justifyContent(FlexAlign.Center)
145 Text('justifyContent(End)').width('90%')
149 }.height(100).border({ width: 1 }).justifyContent(FlexAlign.End)
H A Dts-universal-attributes-modal-transition.md110 .justifyContent(FlexAlign.Center)
138 .justifyContent(FlexAlign.Center)
220 .justifyContent(FlexAlign.Center)
250 .justifyContent(FlexAlign.Center)
322 .justifyContent(FlexAlign.Center)
350 .justifyContent(FlexAlign.Center)
384 .justifyContent(FlexAlign.Center)
421 .justifyContent(FlexAlign.Center)
449 .justifyContent(FlexAlign.Center)
483 .justifyContent(FlexAlign.Center)
[all …]
H A Dts-basic-components-checkboxgroup.md201 Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
212 Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
223 Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
234 Flex({ justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) {
263 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
280 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
297 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
308 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
/ohos5.0/foundation/arkui/ace_engine/frameworks/core/interfaces/native/node/
H A Dflex_modifier.cpp77 int justifyContent = options[NUM_2]; in SetFlexOptions() local
86 if (justifyContent >= 0 && justifyContent <= MAIN_ALIGN_MAX_VALUE) { in SetFlexOptions()
87 FlexModelNG::SetFlexJustifyContent(frameNode, justifyContent); in SetFlexOptions()
106 if (justifyContent >= 0 && justifyContent <= MAIN_ALIGN_MAX_VALUE) { in SetFlexOptions()
107 … FlexModelNG::SetFlexJustifyContent(frameNode, static_cast<int>(WRAP_TABLE[justifyContent])); in SetFlexOptions()
138 options->justifyContent = FlexModelNG::GetFlexJustifyContent(frameNode); in GetFlexOptions()
142 options->justifyContent = ParseFlexToWrap(FlexModelNG::GetFlexJustifyContent(frameNode)); in GetFlexOptions()
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/declarative_frontend/engine/jsi/nativeModule/
H A Darkts_native_row_bridge.cpp62 int32_t justifyContent = justifyContentArg->Int32Value(vm); in SetJustifyContent() local
63 if ((justifyContent == static_cast<int32_t>(FlexAlign::FLEX_START)) || in SetJustifyContent()
64 (justifyContent == static_cast<int32_t>(FlexAlign::FLEX_END)) || in SetJustifyContent()
65 (justifyContent == static_cast<int32_t>(FlexAlign::CENTER)) || in SetJustifyContent()
66 (justifyContent == static_cast<int32_t>(FlexAlign::SPACE_BETWEEN)) || in SetJustifyContent()
67 (justifyContent == static_cast<int32_t>(FlexAlign::SPACE_AROUND)) || in SetJustifyContent()
68 (justifyContent == static_cast<int32_t>(FlexAlign::SPACE_EVENLY))) { in SetJustifyContent()
69 … GetArkUINodeModifiers()->getRowModifier()->setRowJustifyContent(nativeNode, justifyContent); in SetJustifyContent()
/ohos5.0/docs/zh-cn/third-party-cases/
H A Ddelete-checkboxgroup-items.md64 Flex({justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center}){
75 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center}){
86 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center}){
96 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center}){
127 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
141 Flex({justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center}){
178 Flex({justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center}){
200 Flex({justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center}){
237 Flex({justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center}){
288 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
[all …]
/ohos5.0/docs/zh-cn/application-dev/key-features/multi-device-app-dev/
H A Dadaptive-layout.md98 .justifyContent(FlexAlign.Center)
107 .justifyContent(FlexAlign.Center)
167 .justifyContent(FlexAlign.Center)
274 .justifyContent(FlexAlign.Center)
386 .justifyContent(FlexAlign.Center)
460 .justifyContent(FlexAlign.Center)
468 .justifyContent(FlexAlign.Center)
567 .justifyContent(FlexAlign.Center)
630 .justifyContent(FlexAlign.Center)
711 .justifyContent(FlexAlign.Center)
[all …]
H A Dcase.md102 - justifyContent: FlexAlign.Center：子组件在Flex容器主轴（垂直方向）上居中对齐。
118 Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center,
146 Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center,
280 Flex({ alignItems: ItemAlign.Center, justifyContent: FlexAlign.End }) {
313 Flex({ alignItems: ItemAlign.Center, justifyContent: FlexAlign.End }) {
352 Flex({ alignItems: ItemAlign.Center, justifyContent: FlexAlign.End }) {
371 justifyContent: FlexAlign.End}) {
402 Flex({ justifyContent:this.isReceived? FlexAlign.Start: FlexAlign.End,
421 justifyContent:this.isReceived? FlexAlign.Start: FlexAlign.End }) {
506 Flex({ justifyContent: FlexAlign.End, alignItems: ItemAlign.End }) {
[all …]
/ohos5.0/docs/en/application-dev/ui/
H A Darkts-color-effect.md31 .justifyContent(FlexAlign.Center)
49 .justifyContent(FlexAlign.Center)
67 .justifyContent(FlexAlign.Center)
85 .justifyContent(FlexAlign.Center)
124 .justifyContent(FlexAlign.Center)
150 .justifyContent(FlexAlign.Center)
173 .justifyContent(FlexAlign.Center)
195 .justifyContent(FlexAlign.Center)
239 .justifyContent(FlexAlign.Center)
263 .justifyContent(FlexAlign.Center)
[all …]
H A Darkts-layout-development-relative-layout.md60 .justifyContent(FlexAlign.Center)
70 .justifyContent(FlexAlign.Center)
107 .justifyContent(FlexAlign.Center)
117 .justifyContent(FlexAlign.Center)
213 .justifyContent(FlexAlign.Center)
226 .justifyContent(FlexAlign.Center)
243 .justifyContent(FlexAlign.Center)
260 .justifyContent(FlexAlign.Center)
277 .justifyContent(FlexAlign.Center)
294 .justifyContent(FlexAlign.Center)
[all …]
H A Darkts-blur-effect.md135 .justifyContent(FlexAlign.Start)
169 .justifyContent(FlexAlign.Start)
199 .justifyContent(FlexAlign.Start)
229 .justifyContent(FlexAlign.Start)
259 .justifyContent(FlexAlign.Start)
289 .justifyContent(FlexAlign.Start)
319 .justifyContent(FlexAlign.Start)
349 .justifyContent(FlexAlign.Start)
398 .justifyContent(FlexAlign.Start)
432 .justifyContent(FlexAlign.Start)
[all …]
H A Darkts-layout-development-linear.md221 }.width('100%').height(300).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.Start)
238 }.width('100%').height(300).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.Center)
255 }.width('100%').height(300).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.End)
272 …}.width('100%').height(300).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.SpaceBetw…
289 …}.width('100%').height(300).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.SpaceArou…
306 …}.width('100%').height(300).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.SpaceEven…
330 }.width('100%').height(200).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.Start)
347 }.width('100%').height(200).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.Center)
364 }.width('100%').height(200).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.End)
398 …}.width('100%').height(200).backgroundColor('rgb(242,242,242)').justifyContent(FlexAlign.SpaceArou…
[all …]
/ohos5.0/foundation/communication/wifi/wifi/test/wifi_testapp/entry/src/main/ets/pages/subManualApiTest/
H A DwifiManagerInterfaceTest.ets95 .justifyContent(FlexAlign.Start)
113 .justifyContent(FlexAlign.Start)
134 .justifyContent(FlexAlign.Start)
153 .justifyContent(FlexAlign.Start)
171 .justifyContent(FlexAlign.Start)
200 .justifyContent(FlexAlign.Start)
218 .justifyContent(FlexAlign.Start)
236 .justifyContent(FlexAlign.Start)
254 .justifyContent(FlexAlign.Start)
272 .justifyContent(FlexAlign.Start)
[all …]
H A DwifiInterfaceTest.ets94 .justifyContent(FlexAlign.Start)
113 .justifyContent(FlexAlign.Start)
130 .justifyContent(FlexAlign.Start)
149 .justifyContent(FlexAlign.Start)
179 .justifyContent(FlexAlign.Start)
198 .justifyContent(FlexAlign.Start)
217 .justifyContent(FlexAlign.Start)
236 .justifyContent(FlexAlign.Start)
255 .justifyContent(FlexAlign.Start)
274 .justifyContent(FlexAlign.Start)
[all …]
/ohos5.0/foundation/ability/ability_runtime/services/dialog_ui/ams_system_dialog/entry/src/main/ets/pages/
H A DpermissionConfirmDialog.ets48 …Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Ce…
49 Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
57 Flex({ justifyContent: FlexAlign.Center }) {
58 …Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Ce…
73 Flex({ justifyContent: FlexAlign.Center }) {
74 …Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Ce…
/ohos5.0/foundation/multimedia/camera_framework/frameworks/js/camera_napi/demo/entry/src/main/ets/Dialog/
H A DMultiCameraDialog.ets35 .justifyContent(FlexAlign.SpaceBetween)
61 .justifyContent(FlexAlign.SpaceBetween)
79 .justifyContent(FlexAlign.SpaceBetween)
97 .justifyContent(FlexAlign.SpaceBetween)
115 .justifyContent(FlexAlign.SpaceBetween)
121 .justifyContent(FlexAlign.SpaceAround)
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-ts/
H A Dts-container-relativecontainer.md201 .justifyContent(FlexAlign.Center)
214 .justifyContent(FlexAlign.Center)
227 .justifyContent(FlexAlign.Center)
285 .justifyContent(FlexAlign.Center)
299 .justifyContent(FlexAlign.Center)
312 .justifyContent(FlexAlign.Center)
325 .justifyContent(FlexAlign.Center)
360 .justifyContent(FlexAlign.Center)
369 .justifyContent(FlexAlign.Center)
382 .justifyContent(FlexAlign.Center)
[all …]

12345678910>>...28