HarmonyOS NEXT Practical: Proportion ChartThe Data Panel component is used to display the proportion of multiple data using a proportion chart. Knowledge points: interface DataPanel(options: DataPanelOptions) options： Parameters of data panel components. DataSanelOptions object properties ...Mar 31, 2025·3 min read
HarmonyOS NEXT Practical: Sliding BarGoal: Implement horizontal and vertical sliding bars Slider slider component, commonly used for quickly adjusting settings such as volume and brightness adjustments in various application scenarios. Knowledge points: SliderOptions object properties -...Mar 31, 2025·3 min read
HarmonyOS NEXT Practical: Progress BarObjective: To achieve visualization of progress. Knowledge points: Progress： Progress bar component, used to display the progress of content loading or operation processing. Set progress bar style Progress has 5 optional types, and you can set the pr...Mar 28, 2025·3 min read
HarmonyOS NEXT Practical: Image Magnification and ReductionGoal: Use two fingers to pinch and zoom in and out of the image Knowledge points: PinchGesture is used to trigger a pinch gesture, with a minimum of 2 fingers and a maximum of 5 fingers, and a minimum recognition distance of 5vp. interface PinchGestu...Mar 28, 2025·3 min read
HarmonyOS NEXT Practical: Pop up Bottom MenuGoal: Pull up the bottom menu to enable it to pop up and close. Knowledge points: The half modal page (bindSheet) defaults to a non full screen pop-up interactive page in modal form, allowing some underlying parent views to be visible, helping users...Mar 28, 2025·3 min read
HarmonyOS NEXT Practical: CounterGoal: Set up a counter by clicking on the plus or minus digits. Knowledge points: Counter Counter component, providing corresponding increase or decrease counting operations. Counter attribute enableInc(value: boolean) //Set the add button to disable...Mar 28, 2025·3 min read
HarmonyOS NEXT Practical:Grid Element Drag and Drop ExchangeObjective: To achieve the exchange of grid elements when dragging and dropping them Knowledge points: The Grid element drag and drop exchange function is often used in applications, such as when editing a nine grid image and dragging it to change the...Mar 28, 2025·3 min read