HarmonyOS 鸿蒙Next 有没有这一种分类的demo

发布于 1周前 作者 gougou168 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 有没有这一种分类的demo

有没有这一种分类的demo

2 回复
日期选择器可以参考demo如下:
[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
  selectedDate: Date = new Date("2024-3-20")
  build() {
    Column({ space: 5 }) {
      Blank()
      Button("日期选择器(阳历)")
        .margin(20)
        .onClick(() => {
          DatePickerDialog.show({
            start: new Date("2000-1-1"),
            end: new Date("2100-12-31"),
            selected: this.selectedDate,
            onAccept: (value: DatePickerResult) => {
              // 通过Date的setFullYear方法设置按下确定按钮时的日期,这样当弹窗再次弹出时显示选中的是上一次确定的日期
              this.selectedDate.setFullYear(value.year, value.month, value.day)
              console.info("DatePickerDialog:onAccept()" + JSON.stringify(value))
            },
            onCancel: () => {
              console.info("DatePickerDialog:onCancel()")
            },
            onChange: (value: DatePickerResult) => {
              console.info("DatePickerDialog:onChange()" + JSON.stringify(value))
            }
          })
        })
  Button(<span class="hljs-string">"日期选择器(阴历 )"</span>)
    .onClick(() =&gt; {
      DatePickerDialog.show({
        start: <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(<span class="hljs-string">"2000-1-1"</span>),
        end: <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(<span class="hljs-string">"2100-12-31"</span>),
        selected: <span class="hljs-keyword">this</span>.selectedDate,
        lunar: <span class="hljs-literal">true</span>,
        onAccept: (value: DatePickerResult) =&gt; {
          <span class="hljs-keyword">this</span>.selectedDate.setFullYear(value.year, value.month, value.day)
          console.info(<span class="hljs-string">"DatePickerDialog:onAccept()"</span> + <span class="hljs-built_in">JSON</span>.stringify(value))
        },
        onCancel: () =&gt; {
          console.info(<span class="hljs-string">"DatePickerDialog:onCancel()"</span>)
        },
        onChange: (value: DatePickerResult) =&gt; {
          console.info(<span class="hljs-string">"DatePickerDialog:onChange()"</span> + <span class="hljs-built_in">JSON</span>.stringify(value))
        }
      })
    })
  Blank()
  Blank()
}
.width(<span class="hljs-string">'100%'</span>).margin({ top: <span class="hljs-number">5</span> })
.height(<span class="hljs-string">'100%'</span>)

} } <button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

HarmonyOS 鸿蒙Next 分类Demo的存在性

HarmonyOS 鸿蒙Next作为华为推出的全新操作系统版本,确实提供了丰富的开发资源和示例代码,以满足开发者的需求。关于分类的Demo,HarmonyOS 鸿蒙Next的开发环境中确实包含此类示例。

在HarmonyOS 鸿蒙Next的开发文档中,你可以找到与分类功能相关的Demo,这些Demo通常展示了如何使用系统的组件和API来实现分类展示、筛选等功能。例如,在ArkUI框架中,你可以找到使用Tabs、TabContent等组件实现分类导航的示例代码。这些组件可以方便地用于构建具有分类功能的用户界面。

此外,HarmonyOS 鸿蒙Next的开发社区也提供了许多开发者分享的示例代码和项目,这些资源中也可能包含分类功能的实现。

如果你无法在官方文档或社区中找到符合你需求的分类Demo,建议尝试结合HarmonyOS 鸿蒙Next的API文档和组件库,自行实现所需的分类功能。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部