README.md
1# Toolbar
2
3### Introduction
4
5The **<toolbar\>** component is placed at the bottom of a page to display available operations on the page. Its child component **<toolbar-item\>** represents an operation option on the toolbar. You must set an image and text for the child component. This sample provides a toolbar that simulates the operations for reading an e-book.
6
7### Usage
8
9The sample app provides a contents list on the home screen. You can touch an item in the list to access the corresponding chapter, touch the chapter content to display the toolbar, and touch the operation options on the toolbar to change the page attributes or jump to another chapter.
10
11### Constraints
12
13This sample can only be run on standard-system devices.
14
README_zh.md
1# 工具栏
2
3### 简介
4
5工具栏<toolbar\>放在界面底部，可展示针对当前界面的各种操作，子组件<toolbar-item\>
6
7表示工具栏上的一个操作选项，必须为其设置图片与文字。本示例使用工具栏实现了对小说阅读界面的模拟。
8
9实现效果如下：
10
11
12
13### 相关概念
14
15Navigation：Navigation组件一般作为Page页面的根容器，通过属性设置来展示页面的标题、工具栏、菜单。
16
17### 相关权限
18
19不涉及。
20
21### 使用说明
22
23本示例主界面为列表目录，点击**列表条目**，跳转到对应章节内容，点击**内容**可呼出工具栏，可通过工具栏中的操作选项来更改页面属性或章节跳转。
24
25### 约束与限制
26
271.本示例仅支持在标准系统上使用。
28
292.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
30
