harmony 鸿蒙UI Development

2022-08-09
浏览 (2502)

UI Development

ArkUI Overview
UI Development (ArkTS-based Declarative Development Paradigm)
- UI Development (ArkTS-based Declarative Development Paradigm) Overview
- Layout Development
- Layout Overview
- Building a Layout
  - Linear Layout (Row/Column)
  - Stack Layout (Stack)
  - Flex Layout (Flex)
  - Relative Layout (RelativeContainer)
  - Responsive Grid Layout (GridRow/GridCol)
  - Media Query (mediaquery)
  - Creating a List (List)
  - Creating a Grid (Grid/GridItem)
  - Creating a Swiper (Swiper)
- Improving Layout Performance
- Adding a Component
- Adding a Common Component
  - Button
  - Radio Button (Radio)
  - Toggle
  - Progress Indicator (Progress)
  - Text Display (Text/Span)
  - Text Input (TextInput/TextArea)
  - Custom Dialog Box (CustomDialog)
  - Video Playback (Video
  - XComponent
- Adding a Popup and Menu
  - Popup
  - Menu
- Setting Page Routing and Component Navigation
- Page Routing (router)
- Component Navigation
  - Navigation
  - Tabs
- Using Graphics
- Displaying Images (Image)
- Drawing Geometric Shapes (Shape)
- Drawing Custom Graphics on the Canvas (Canvas)
- Using Animation
- Animation Overview
- Property Animation
  - Property Animation Overview
  - Property Animation APIs
  - Custom Property Animation
- Transition Animation
  - Transition Animation Overview
  - Enter/Exit Transition
  - Navigation Transition
  - Modal Transition
  - Shared Element Transition
  - Page Transition Animation (Not Recommended)
- Component Animation
- Animation Curve
  - Animation Curve Overview
  - Traditional Curve
  - Spring Curve
- Animation Smoothing
- Animation Effects
  - Blur Effect
  - Shadow Effect
  - Color Effect
- Using Interaction Events
- Interaction Event Overview
- Universal Events
  - Touchscreen Event
  - Keyboard and Mouse Event
  - Focus Event
- Gesture Events
  - Gesture Binding
  - Single Gesture
  - Combined Gestures
- Recommendations for Improving Performance
UI Development (JavaScript-compatible Web-like Development Paradigm)
- UI Development (JavaScript-compatible Web-like Development Paradigm) Overview
- Framework Overview
- File Organization
  - “js” Tag
  - app.js
  - Syntax
    - HML
    - CSS
    - JavaScript
  - Lifecycle
  - Resource Limitations and Access
  - Multi-Language Capability
- Building the UI
  - Component Overview
  - Building the Layout
  - Adding Interactions
  - Developing Animations
  - Defining Gesture Events
  - Defining Page Routes
- Common Component Development Guidelines
  - Container Component Development
  - Basic Component Development
  - Canvas Development
  - Grid Container Development
  - SVG Development
- Animation Development Guidelines
  - CSS Animation
  - JS Animation
    - Component Animation
    - Interpolator Animation
      - Animation Effect
      - Animation Frame
- Custom Components

你可能感兴趣的鸿蒙文章

harmony 鸿蒙Animation Smoothing

harmony 鸿蒙Animation Overview

harmony 鸿蒙Property Animation APIs

harmony 鸿蒙Property Animation Overview

harmony 鸿蒙Blur Effect

harmony 鸿蒙Color Effect

harmony 鸿蒙Button

harmony 鸿蒙Custom Dialog Box (CustomDialog)

harmony 鸿蒙Progress Indicator (Progress)

harmony 鸿蒙Radio Button (Radio)

0 赞

所属分类： 后端技术
本文标签：
版权声明： 原创文章如转载，请注明本文链接: https://m.seaxiang.com/blog/26b410bc1e1041f9935b355fb0502863

热门推荐

1、直接访问google.com
2、 - 优质文章
3、 gate.io
4、 harmony 鸿蒙hdc使用指导
5、 harmony 鸿蒙初识ArkTS语言
6、 golang
7、 openharmony
8、 flink kafka connector scan.startup.mode 的几个选项
9、 Vue中input框自动聚焦
10、 upsert 和 insert 的区别

Loading...