鸿蒙使用所学的常用布局、常用组件，页面路由以及页面导航。自行设计至少两个页面，将布局、组件、页面路由、页面导航应用到自己设计的页面中

鸿蒙系统是一种开源的操作系统框架，它的设计理念注重简洁和高效。在使用鸿蒙开发应用时，你可以结合常见的布局如StackLayout、GridLayout等，以及组件如Button、TextView、Image等构建界面。页面路由和导航通常通过ActivityManager或者PageManager来管理，它允许开发者定义各个页面之间的跳转逻辑。

例如，我们可以设计两个页面：

1. 主页 (Home Page):
- 使用StackLayout作为基础布局，放置一个标题栏(包含返回按钮)和主要内容区域。
- 元素可以包括一个Button，点击后触发页面间的导航，比如`startPage()`.

// 假设有一个名为HomeActivity的Activity
StackLayout homeLayout = new StackLayout();
homeLayout.setLayoutManager(new StackLayoutManager());
homeLayout.add(new TextView("首页"));
Button navigateBtn = new Button();
navigateBtn.setText("进入详情页");
navigateBtn.setOnClickListener(() -> startPage());

2. 细节页 (Detail Page):
- 采用GridLayout展示详细信息，如列表、图表等。
- 页面有自己的独立导航回退功能，比如在顶部设置Back按键。

// 假设有一个名为DetailActivity的Activity
GridLayout detailLayout = new GridLayout();
detailLayout.setLayoutManager(new GridLayoutLayoutManager());
List<String> dataList = ...; // 数据源
for (String item : dataList) {
    DetailItemView itemView = new DetailItemView(item);
    detailLayout.addItem(itemView);
}

// 在头部添加BackButton
BackButton backButton = new BackButton();
backButton.setOnClickListener(() -> finish());