Home
last modified time | relevance | path

Searched full:title (Results 1 – 25 of 773) sorted by relevance

12345678910>>...31

/docs/en/design/ux-design/
Dmultimodal-title-bar.md1 # Title Bar
4 The title bar is used to display the name and operation entry of a screen.
9 - Use the title bar mainly on a tool screen or content-oriented screen.
11 - Place the title bar on the top of the screen. You do not need to highlight the title if the funct…
14 ### Regular Title Bars
16 - A regular title bar is used when the title does not need to be highlighted.
19 - The title bar may have icons that show common actions, usually on the right side. Users can touch…
21 - Title bars are needed on all screens, except for immersive screens.
25 ### Title Bars on Non-level-1 Screens
27 - The title of a non-level-1 screen is the name of the screen.
[all …]
Dmultimodal-dialog.md14 - Dialog without a title
16 - Dialog with a title
20 ### Dialog Without a Title
22 A dialog does not have a title.
31 ### Dialog with a Title
33 In the title area, there can be a pure title in one or two lines. Alternatively, there can be a tit…
37 | Title and content|
44 If there is only a title, the title is centered.
69 **Title**
79 … or statements. Try not to provide additional information. If necessary, avoid repeating the title.
[all …]
/docs/en/release-notes/changelogs/OpenHarmony_4.0.10.6/
Dchangelogs-arkui.md3 ## cl.arkui.1 Change in the Custom Navigation Title Position
13 API version 9: The spacing between the custom title and the back button is 16 vp.
15 …API version 10: The spacing between the custom title bar and the back button is changed from 16 vp…
25 Since API version 9, offsets are added the custom title and menu of the **\<Navigation>** component…
29 In API version 10, the custom navigation title is displayed on the left of or above the position wh…
33 …gin by using **$r('sys.float.ohos_id_max_padding_start')**. To center the title on the top, use **…
35 … you can add a left margin by using **.margin({left: 4})**. To center the title on the top, use **…
55 Text('Custom title').fontSize(20)
63 Text(`Change current title mode: ${this.titleMode}`)
78 }.title(this.CustomTitle)
[all …]
/docs/en/application-dev/reference/apis-arkui/arkui-ts/
Dohos-arkui-advanced-ComposeTitleBar.md4 **ComposeTitleBar** represents a common title bar that contains a title, subtitle (optional), and p…
30 ComposeTitleBar({item?: ComposeTitleBarMenuItem, title: ResourceStr, subtitle?: ResourceStr, menuIt…
41 | title | [ResourceStr](ts-types.md#resourcestr) | Yes| Title.|
69 ### Example 1: Implementing a Simple Title Bar
70 This example showcases how to implement a simple title bar, a title bar with a back arrow, and a ti…
77 // Define an array of menu items for the right side of the title bar.
110 title: 'Title',
116 title: 'Title',
122 title: 'Title',
127 // Define the title bar with a profile picture.
[all …]
Dohos-arkui-advanced-SubHeaderV2.md36 title?: SubHeaderV2Title,
54 | title| [SubHeaderV2Title](#subheaderv2title) | No| @Param| Title of the subhead…
58 …) | No| @BuilderParam | Custom content for the title area.<br>Default v…
76 Defines the title settings for the subheader.
88 | primaryTitle| [ResourceStr](ts-types.md#resourcestr) | No| @Trace | Primary title.<br>Default v…
89 | secondaryTitle| [ResourceStr](ts-types.md#resourcestr) | No| @Trace | Secondary title.<br>Defau…
90 …tes-attribute-modifier.md) | No| @Trace | Text attributes of the primary title, such as the font …
91 …s-attribute-modifier.md) | No| @Trace | Text attributes of the secondary title, such as the font …
107 …| [SubHeaderV2TitleOptions](#subheaderv2titleoptions) | Yes | Options for initializing the title.|
119 | primaryTitle| [ResourceStr](ts-types.md#resourcestr) | No| Primary title.<br>Default value: **u…
[all …]
Dohos-arkui-advanced-EditableTitleBar.md4 The editable title bar is a title bar that comes with button icons, typically **Cancel** on the lef…
31 EditableTitleBar({leftIconStyle: EditableLeftIconType, imageItem?: EditableTitleBarItem, title: Res…
41 | title | [ResourceStr](ts-types.md#resourcestr) | Yes| - | Title.<br>Default value: **''**, indica…
47 | options<sup>12+</sup> | [EditableTitleBarOptions](#editabletitlebaroptions12) | Yes| - | Title st…
104 | backgroundColor | [ResourceColor](ts-types.md#resourcecolor) | No| Background color of the title
105 …l-attributes-background.md#blurstyle9) | No| Background blur style of the title bar.<br>Default va…
114 ### Example 1: Implementing an Editable Title Bar with a Custom Right Icon
115 …This example demonstrates how to implement an editable title bar with a left icon, main title, and…
130 title: 'Edit',
143 title: 'Edit',
[all …]
Dohos-arkui-advanced-TabTitleBar.md4 The **TabTitleBar** component is a tab title bar used to switch between tabs pages. It is applicabl…
41 …tleBarTabItem](#tabtitlebartabitem)&gt; | Yes| - | List of tab items on the left of the title bar.|
42 …BarMenuItem](#tabtitlebarmenuitem)&gt; | No| - | List of menu items on the right of the title bar.|
70 | title | [ResourceStr](ts-types.md#resourcestr) | Yes| Text of the tab.<br>**Atomic service API**:…
80 ### Example 1: Implementing a Simple Tab Title Bar
81 This example demonstrates a tab title bar with tabs on the left and a menu list on the right.
131 { title: 'Tab 1' },
132 { title: 'Tab 2' },
133 { title: 'Tab 3' },
134 { title: 'icon', icon: $r('sys.media.ohos_app_icon') },
[all …]
Dts-universal-attributes-toolbar.md15 Creates a toolbar bound to the component in the window's title bar section. The toolbar position co…
26 > 1. Only fixed title bars are supported; floating title bars in three-button navigation mode are …
34 > 5. The title bar height dynamically adjusts based on the [ToolBarItem](ts-basic-components-toolb…
35 …een the [ToolBarItem](ts-basic-components-toolbaritem.md#toolbaritem) components and the title bar.
36 …n or equal to 48 vp, the title bar height will adjust to 56 vp. This setting is suitable for unive…
37 …nts-toolbaritem.md#toolbaritem) component is between 48 vp and 56 vp, the title bar height will ad…
38 …toolbaritem) component exceeds 56 vp, the title bar height will adjust to 72 vp. If it exceeds 64 …
44 …vigation), adding two button toolbar items at the start of the **Navbar** section in the title bar.
45 …earch bar component as toolbar items at the end of the **NavDestination** section in the title bar.
136 .title('Navigation')
Dohos-atomicservice-AtomicServiceNavigation.md3 …nt that serves as the root container of a page. By default, it includes a title bar, content area,…
25 title?: ResourceStr,
54 | title | [ResourceStr](ts-types.md#resourcestr) | No|@Prop | Page title. The default value is an e…
55 | titleOptions | [TitleOptions](#titleoptions) | No| @Prop | Title bar options. Title text will be …
57 …No| @Prop | Whether to hide the title bar. The default value is **false**.<br>The value **true** m…
70 Title bar options.
78 | backgroundColor | [ResourceColor](ts-types.md#resourcecolor) | No| Background color of the title
79 … | boolean | No| Whether the title bar is blurred.<br>**true** (default): The title bar is blurred…
80 … | [BarStyle](ts-basic-components-navigation.md#barstyle12) | No| Style options of the title bar.|
81 | titleBarType<sup>18+</sup> | [TitleBarType](#titlebartype18) | No| Type of the title bar. <br>Def…
[all …]
/docs/en/application-dev/reference/apis-arkui/arkui-js/
Djs-components-custom-props.md11 <text class="title-style">{{compProp}}</text>
26 <comp comp-prop="{{title}}"></comp>
41 <text class="title-style">{{title}}</text>
49 title: {
50 default: 'title',
56 …o display the title. The title content is a custom attribute, which displays the text specified by…
62 <comp title="Custom component"></comp>
92 props: ['title'],
94 this.$watch('title', 'onPropertyChange');
97 console.info('title attribute changed'+ newV + ' ' + oldV)
[all …]
/docs/zh-cn/application-dev/reference/apis-arkui/arkui-js/
Djs-components-custom-props.md17 <text class="title-style">{{compProp}}</text>
32 <comp comp-prop="{{title}}"></comp>
47 <text class="title-style">{{title}}</text>
55 title: {
56 default: 'title',
68 <comp title="自定义组件"></comp>
98 props: ['title'],
100 this.$watch('title', 'onPropertyChange');
103 console.info('title 属性变化 ' + newV + ' ' + oldV);
116 props: ['title'],
[all …]
/docs/zh-cn/application-dev/arkts-utils/
Dxml-parsing.md50 '<title>Play</title>' +
73 if (name == 'title' || name == 'lens') {
91 title
93 title
117 ' <title>Play</title>' +
118 ' <title>Happy</title>' +
164 '<title>Play</title>' +
194 2 2 // 2:<title>对应事件类型START_TAG值为2 2:深度为2
196 3 2 // 3:</title>对应事件类型END_TAG值为3 2:深度为2
215 '<title lang="en">Everyday</title>' +
[all …]
/docs/zh-cn/application-dev/ui/state-management/
Darkts-new-event.md68 @Local title: string = 'Title One';
74 title: this.title,
78 this.title = 'Title One';
81 this.title = 'Title Two';
92 @Param title: string = '';
98 Text(`${this.title}`)
100 Button('change to Title Two')
104 Button('change to Title One')
Darkts-prop.md65 @Prop title: Model;
67 this.title = new Model('Hi');
88 @Prop title: Model;
90 this.title.value = 'Hi';
92 this.title.info.value = 'ArkUI';
101 @Prop title: string[];
103 this.title = ['1'];
105 this.title[0] = '2';
107 this.title.pop();
109 this.title.push('3');
[all …]
/docs/zh-cn/application-dev/ui/
Dui-js-components-menu.md21 <text class="title-text" id="textId">show menu</text>
22 <menu target="textId" type="click" title="title">
42 .title-text{
63 <text class="title-text" id="textId">show menu</text>
64 <menu target="textId" type="click" title="title">
84 .title-text{
115 <text class="title-text" id="textId" onclick="textClick">show menu</text>
116 <menu title="title" oncancel="cancel" id="menuId">
134 .title-text{
/docs/en/device-dev/subsystems/
Dsubsys-arkui-customize-titlebar-c++.md1 # Window Title Bar Customization Development (C++)
6 A folder for storing the custom title bar code must be placed in **foundation/arkui/ace_engine/fram…
10 To customize the title bar:
19 …de to **ContainerModalViewFactory::GetView** for creating a custom window title bar based on the *…
22 > **ContainerModalViewFactory::GetView** is a factory method that creates a window title bar based …
37 In the preceding example from vendor enhance, a custom window title bar is created depending on the…
39 …ameworks/core/components_ng/pattern/container_modal** directory to store the custom title bar code.
42 > The entry to a custom title bar has been completed in steps 1 and 2. This step is to write the sp…
59 …s the code related to the default title bar view. You can add your code file in the created folder…
63 When the development is complete, you can debug and verify the custom title bar.
[all …]
/docs/en/application-dev/task-management/
Dagent-powered-reminder.md71 …actionButton: [ // Set the button type and title displayed for the reminder in the notification pa…
73 title: 'close',
81 title: 'this is title', // Reminder title.
104 …actionButton: [ // Set the button type and title displayed for the reminder in the notification pa…
106 title: 'close',
110 title: 'snooze',
121 title: 'this is title', // Reminder title.
138 …actionButton: [ // Set the button type and title displayed for the reminder in the notification pa…
140 title: 'close',
144 title: 'snooze',
[all …]
/docs/zh-cn/third-party-cases/
Dpixel-format-transfer.md94 title: string;
105 title: '屏幕物理像素单位。',
113 title:'屏幕密度相关像素,根据屏幕像素密度转换为屏幕物理像素。',
121 title:'视窗逻辑像素单位,lpx单位为实际屏幕宽度与逻辑宽度(通过designWidth配置)的比值。',
129 title:'字体像素,与vp类似,随系统字体大小设置变化。',
158 title: Resource;
186 Text(item.title)
252 .title('像素介绍')
273 title: string;
293 title: 'vp > px',
[all …]
Dhow-to-group-contacts-with-alphabet.md32 title: 'D',
40 title: 'K',
47 title: 'L',
54 title: 'N',
86 ListItemGroup({header:this.groupHeader(contactGroup.title)}){
126 ListItemGroup({header:this.groupHeader(contactGroup.title)}){
164 ListItemGroup({header:this.groupHeader(contactGroup.title)}){
215 title: 'A',
223 title: 'B',
230 title: 'D',
[all …]
/docs/en/application-dev/arkts-utils/
Dxml-parsing.md43 '<title>Play</title>' +
66 if (name == 'title' || name == 'lens') {
84 title
86 title
110 ' <title>Play</title>' +
111 ' <title>Happy</title>' +
157 '<title>Play</title>' +
187 …2 2 // First digit 2: <title> corresponds to event type START_TAG, which value is 2; second digit …
189 …3 2 // First digit 3: </title> corresponds to event type END_TAG, which value is 3; second digit 2…
208 '<title lang="en">Everyday</title>' +
[all …]
/docs/zh-cn/application-dev/web/
Dweb-dialog.md41 title: "来自" + event.url + "的警告",
70 <title>Document</title>
100 @State title: string = 'Hello World';
106 primaryTitle: this.title,
134 this.title = "来自" + event.url + "的警告";
154 <title>Document</title>
206 title: "来自" + event.url + "的消息",
241 <title>Document</title>
274 @State title: string = 'Hello World';
280 title: this.title,
[all …]
/docs/zh-cn/application-dev/task-management/
Dagent-powered-reminder.md73 title: 'close',
81 title: 'this is title', // 指明提醒标题
106 title: 'close',
110 title: 'snooze',
121 title: 'this is title', // 指明提醒标题
140 title: 'close',
144 title: 'snooze',
155 title: 'this is title', // 指明提醒标题
/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/
Dts-methods-action-sheet.md25 | title | string&nbsp;\|&nbsp;[Resource](ts-types.md#resource) | 否 | 否 | 弹窗标题。<br/>当文本内…
71 | title | string&nbsp;\|&nbsp;[Resource](ts-types.md#resource) | 否 | 否 | 选项的文本内容。<br/>文本超长时会触发滚动…
195 title: 'ActionSheet title',
223 title: 'apples',
229 title: 'bananas',
235 title: 'pears',
265 title: 'ActionSheet title',
295 title: 'apples',
301 title: 'bananas',
307 title: 'pears',
[all …]
/docs/en/application-dev/ui/state-management/
Darkts-new-event.md68 @Local title: string = 'Title One';
74 title: this.title,
78 this.title = 'Title One';
81 this.title = 'Title Two';
92 @Param title: string = '';
98 Text(`${this.title}`)
100 Button('change to Title Two')
104 Button('change to Title One')
/docs/en/release-notes/changelogs/OpenHarmony_4.1.6.2/
Dchangelogs-arkui.md5 ## cl.arkui.1 Change in Display of Overflowing Title Text for Alert Dialog Boxes and Action Sheets
19 When **title** and **subtitle** are set for an alert dialog box or action sheet:
21 a. If the value of **title** does not fit in the display area:
35 **title** and **subtitle** of **AlertDialog** are supported since API version 7 and API version 10,…
37 **title** and **subtitle** of **ActionSheet** are supported since API version 8 and API version 10,…
51 ## cl.arkui.2 Change in Display of Overflowing Title Text Set Through promptAction.showDialog
65 **promptAction.showDialog** can take the **title** parameter.
67 If the value of **title** does not fit in the display area:

12345678910>>...31