Responsive Grid Layout (GridRow/GridCol) Overview As an auxiliary positioning tool, the responsive grid layout is handy in UI design on mobile devices. It exhibits the following advantages: Provides r
阅读全文
openharmony 鸿蒙 arkts-layout-development-flex-layout
Flex Layout (Flex) Overview The flex layout, implemented using the Flex container component, provides simple and powerful tools for flexibly distributing space and aligning items. The flex layout is w
阅读全文
openharmony 鸿蒙 arkts-layout-development-create-looping
Creating a Swiper (Swiper) The Swiper component is a container that is able to display child components in looping mode. It is typically used in scenarios such as display of recommended content on the
阅读全文
openharmony 鸿蒙 arkts-layout-development-create-list
Creating a List (List) Overview A list is a container that displays a collection of items. If the list items go beyond the screen, the list can scroll to reveal the content off the screen. The list is
阅读全文
openharmony 鸿蒙 arkts-layout-development-create-grid
Creating a Grid (Grid/GridItem) Overview The grid layout consists of cells formed by rows and columns. You can specify the cells where items are located to create various layouts. The grid layout exce
阅读全文
openharmony 鸿蒙 arkts-graphics-display
Image Display (Image) More often than not, you may need to display images in your application, for example, icons in buttons, online images, and local images. In such cases, the Image component is use
阅读全文
openharmony 鸿蒙 arkts-gesture-events-single-gesture
Single Gesture Click Event (onClick) A click is a common gesture that can be easily implemented using the onClick API. Although it is called an event, it is essentially a basic gesture type equivalent
阅读全文
openharmony 鸿蒙 arkts-gesture-events-combined-gestures
Combined Gestures A combined gesture is a combination of multiple single gestures. Its recognition mode is subject to GestureMode passed in GestureGroup. Three recognition modes are supported: sequent
阅读全文
openharmony 鸿蒙 arkts-gesture-events-binding
Gesture Binding You can bind to each component different gesture events and design the logic for responding to these events. When a gesture is successfully recognized, the ArkUI framework notifies the
阅读全文
openharmony 鸿蒙 arkts-geometric-shape-drawing
Drawing Geometric Shapes (Shape) The drawing components are used to draw graphs on the page. The Shape component serves as the parent container for all drawing components, and its attributes are commo
阅读全文