• 中文
  • Version: 3.7
    • Version: 3.7
    • Version: 3.6
    • Version: 3.5
    • Version: 3.4
    • Version: 3.3
    • Version: 3.2
    • Version: 3.1
    • Version: 3.0
    • Version: 2.4
    • Version: 2.3
    • Version: 2.2
    • Version: 2.1
    • Version: 2.0
    • Version: 1.10
    • Version: 1.9
  • Cocos Creator
    • Manual
    • API Ref
  • Cocos2d-x
    • Manual
    • API Ref
  • Beginners Guide
  • Introduction
  • Getting Started
    • About Cocos Creator
    • Installing and Launching
    • Dashboard
    • Hello World!
    • Project Structure
  • Editor Interfaces
    • Scene
    • Hierarchy
    • Assets
    • Inspector
    • Console
    • Preferences
    • Project Settings
    • Main Menu
    • Tool Bar
    • Editor Layout
    • Preview & Debugging
  • Examples & Tutorials
  • Support
  • Quick Start: First Game
  • Upgrade Guide
    • Cocos Creator 3.0 Upgrade Guide
    • Cocos Creator 3.0 Material Upgrade Guide
    • Cocos Creator 3.1 Material Upgrade Guide
    • Cocos Creator 3.5 Material Upgrade Guide
    • Cocos Creator 3.5 Native Built Project Upgrade Guide
    • Cocos Creator 3.6 Native Built Project Upgrade Guide
    • Cocos Creator 3.6.0 Build Template and settings.json Upgrade Guide
    • Upgrade Guide: Effect from v3.5.x to v3.6.0
    • Upgrade Guide: Particle from v3.5.x to v3.6.0
  • Basic Workflow
  • Scene Creation
    • Scene Assets
    • Nodes and Components
    • Coordinate Systems and Transformations
    • Node Hierarchy and Rendering Order
    • Build a Scene Image Using the Scene Panel
    • Level of Details
  • Assets
    • Asset Workflow
    • Images
      • Textures
      • Sprite Frames
        • Auto Trim for SpriteFrame
      • Texture Cube
      • Atlas
      • Auto Atlas
      • Label Atlas
    • Prefab
    • Fonts
    • Audio
    • Material
      • FBX Smart Material Conversion
    • Model
      • Importing Models Exported from DCC Tools
      • Export FBX file from 3ds Max
      • Export FBX file from Maya
      • glTF
      • Programmatically Create Meshes
    • Spine Skeletal Animation
    • DragonBones Skeletal Animation
    • TiledMap
  • Scripting Guide and Event System
    • Programming Language Support
    • Scripting Basics
      • Script Creation
      • Coding Environment Setup
      • Operating Environment
      • Decorator
      • Property Attributes
      • Life Cycle Callbacks
    • Using Scripts
      • Access Nodes and Components
      • Common Node and Component Interfaces
      • Create and Destroy Nodes
      • Scheduler
      • Components and Component Execution Order
      • Loading and Switching Scenes
      • Obtaining and Loading Assets
      • tsconfig Configuration
    • Advanced Scripting
    • Events
      • Listening to and Launching Events
      • Input Event System
      • Node Event System
      • Event API
    • Modules
      • Engine Modules
      • External Module Usage Case
      • Module Specification
      • Import Maps
    • Plugin Scripts
  • Cross-platform Publishing
    • About the Build Panel
    • General Build Options
    • Publish to Web Platforms
      • Publish to Facebook Instant Games
    • Publish to Native Platforms
      • Publish for the Huawei HarmonyOS
      • Setup Native Development
      • Debugging JavaScript on Native Platforms
    • Publish to Mini Game Platforms
      • Publish to HUAWEI AppGallery Connect
      • Publish to Alipay Mini Game
      • Publish to ByteDance Mini Game
      • Publish to Huawei Quick Game
      • Publish to OPPO Mini Game
      • Publish to vivo Mini Game
      • Publish to Xiaomi Quick Game
      • Publish to Baidu Mini Game
      • Publish to WeChat Mini Game
        • WeChat Engine Plugin
        • Access to the WeChat PC Mini Game
      • Access to Open Data Context
      • Mini Game Subpackage
    • Publish from the Command Line
    • Build Process with FAQ
    • Custom Project Build Process
  • Function Modules
  • Graphics
    • Render Pipeline
      • Built-in Render Pipeline
      • Custom rendering of pipelines (experimental)
    • Camera
    • Lighting
      • Physically Based Lighting
      • Lights
        • Directional Lights
        • Spherical Lights
        • Spotlights
        • Ambient Light
      • Additive Per-Pixel Lights
      • Shadows
      • Imaged Based Lighting
        • Lightmapping
        • Light Probes
          • Light Probe Panel
        • Reflection Probe
          • Reflection Probe Panel
          • Reflection Probe Art Workflow
        • IBL Example
    • Meshes
      • MeshRenderer
      • SkinnedMeshRenderer
      • SkinnedMeshBatchRenderer
      • Importing Models Exported from DCC Tools
      • Export FBX file from 3ds Max
      • Export FBX file from Maya
      • glTF
      • Programmatically Create Meshes
    • Textures
      • Textures
      • Texture Cube
      • Texture Compression
      • RenderTexture
    • Material System Overview
      • Programmatic Use of Materials
      • Builtin Materials
      • Material System Classes Diagram
    • Shader Overview
      • Effect Asset
      • Effect Syntax Guide
        • Optional Pass Parameters
        • YAML 101
        • Introduction to GLSL Syntax
        • Preprocessor Macro Definition
        • Effect Chunk
          • Built-in Shader Uniforms
      • Built-in Effect
        • Physically Based Rendering - PBR
        • Toon Shading
        • Unlit
      • Custom effect
        • 3D Effect：RimLight
        • 2D Sprite effect：Gradient
    • Effects
      • Billboard
      • Line
    • Skybox
    • Global Fog
    • Geometry Renderer
  • 2D Objects
    • 2D Render
      • Rendering Order
      • 2D Renderable Component Batching Rules
      • Custom Materials for 2D Rendering Objects
      • 2D Renderable Components
        • Sprite Component Reference
        • Label Component Reference
        • Mask Component Reference
        • Graphics Component Reference
        • RichText Component Reference
        • UIStaticBatch Component Reference
        • Spine Skeleton Component Reference
        • DragonBones ArmatureDisplay Component Reference
        • TiledMap Component Reference
        • TiledTile Component Reference
        • MotionStreak Component Reference
    • UI System
      • UI Components
        • Canvas Component Reference
        • UITransform Component Reference
        • Widget Component Reference
        • Button Component Reference
        • Layout Component Reference
        • EditBox Component Reference
        • ScrollView Component Reference
        • ScrollBar Component Reference
        • ProgressBar Component Reference
        • LabelOutline Component Reference
        • LabelShadow Component Reference
        • Toggle Component Reference
        • ToggleContainer Component Reference
        • Slider Component Reference
        • PageView Component Reference
        • PageViewIndicator Component Reference
        • UIMeshRenderer Component Reference
        • UICoordinateTracker Component Reference
        • UIOpacity Component Reference
        • BlockInputEvents Component Reference
        • WebView Component Reference
        • VideoPlayer Component Reference
        • SafeArea Component Reference
      • UI Practice Guide
        • Multi-Resolution Adaption
        • Widget Alignment
        • Label Layout
        • Auto Layout Container
        • Create a List of Dynamically Generated Content
        • Stretchable UI Sprite
  • Animation
    • Animation Clip
    • Animation Component Reference
    • Animation Panel
      • Creating Animation Components and Animation Clips
      • Get Familiar with the Animation Panel
      • Editing Animation Clips
      • Editing Animation Easing Curve
      • Adding Animation Events
      • Using Animation Curves
    • Skeletal Animation
      • Joint Texture Layout Settings
    • Controlling Animation with Scripts
      • Animation State
    • Embedded Player
    • Marionette Animation System
      • Animation Graph Assets
      • Animation Controller Reference
      • Animation Graph Panel
      • Animation Graph Layer
      • Animation State Machine
      • State Transition
      • Animation Mask
      • Animation Graph Variants
  • Audio System
    • AudioSource Component Reference
    • AudioMgr Example
    • Compatibility Notes
  • Physics System
    • Physics 2D
      • 2D Physics Manager
      • 2D RigidBody
      • 2D Physics Collider
      • 2D Contact Callback
      • 2D Physics Joint
    • Physics 3D
      • Physics Engines
      • Physics System Configuration
      • Group and Mask
      • Physics Components
        • Collider
        • Rigidbody
        • Constant Force
        • Constraint
      • Physics Material
      • Physics Event
      • Raycast Detection
      • Continuous Collision Detection
      • Physics Application Cases
  • Particle System
    • 2D Particle System
    • 3D Particle System
      • Particle System Module
        • Main Module
        • Shape Module
        • Velocity Overtime Module
        • Force Overtime Module
        • Size Overtime Module
        • Rotation Overtime Module
        • Color Over Life Time Module
        • Texture Animation Module
        • Limit Velocity Overtime Module
        • Trail Module
        • Renderer Module
      • Particle Properties Editor
        • Curve Editor
        • Gradient Editor
        • Particle Editor
  • Tween System
    • Tween Interface
    • Tween Function
    • Tween Examples
  • Terrain System
  • Asset Manager
    • AssetManager Upgrade Guide
    • Asset Bundle Upgrade Guide
    • Asset Loading
    • Asset Bundle
    • Release Of Assets
    • Download and Parse
    • Loading and Preloading
    • Cache Manager
    • Optional Parameters
    • Pipeline and Task
    • Resource Management Considerations --- meta files
  • Localization
    • Translation Service Provider
    • Collect and Count
    • Compile Language
    • L10nLabel
    • Sample
  • Native Development
    • Tutorial: JSB 2.0
      • JSB Manual Binding
      • Using JSB Auto Binding
      • Introduction to Swig
      • The Tutorial of Swig Workflow in Cocos Creator
    • A Simpler Way to Call Java Methods with JavaScript
    • A Simpler Way to Call Objective-C Methods with JavaScript
    • Event Mecanism based on JsbBridge
    • CMake Usage Introduction
    • Native engine memory leak detection system
    • Native Scene Culling
    • Native Profiler
    • Native Plugins
      • Cocos Native Plugin Quick Tutorial
  • Advanced Tutorials
  • Editor Extension
    • Extension Manager
    • Extension Templates and Compile Builds
    • Getting Started Example - Menu
    • Getting Started Example - Panel
    • Getting Started Example - First Data Interaction
    • Change the Name of a Extension
    • Install and Share
    • Submitting Resources to Cocos Store
    • Extend Existing Functionality
      • Customize the Main Menu
      • Customized Messages
      • Calling the Engine API and Project Script
      • Extending the Assets Panel
      • Custom Asset Database
      • Custom Inspector Panel
      • Extending Build Process
      • Extending Project Settings Panel
      • Extending the Preferences Panels
      • Extending Shortcut
    • Extension Details
      • Extension Infrastructure
      • Definition of Extension
      • Message System
      • Configuration System
      • Extension Panel
      • UI Components
  • Advanced Topics
    • Hot Update Tutorial
    • AssetManager for Hot Update
    • Dynamic Atlas
    • Engine Customization Workflow
    • Web Preview Customization Workflow
    • The Tutorial for JSB 2.0
      • JSB Manual Binding
      • JSB Auto Binding
      • Swig
      • Swig Tutorial
    • JavaScript to Java Reflection
    • JavaScript to Objective-C Reflection
    • Event Mecanism based on JsbBridge
    • CMake Usage Introduction
    • Native engine memory leak detection system
    • Native Scene Culling
    • Native Plugins
      • Native Plugins Quick tutorial
    • User Data Storage
    • WebSocket Introduction
      • WebSocket Server
      • WebSocket Client
  • Published with GitBook
  • 中文
  • Cocos Creator
    • Manual
    • API Ref
  • Cocos2d-x
    • Manual
    • API Ref
  • Version: 3.7
    • Version: 3.7
    • Version: 3.6
    • Version: 3.5
    • Version: 3.4
    • Version: 3.3
    • Version: 3.2
    • Version: 3.1
    • Version: 3.0
    • Version: 2.4
    • Version: 2.3
    • Version: 2.2
    • Version: 2.1
    • Version: 2.0
    • Version: 1.10
    • Version: 1.9

UI Practice Guide

UI Practice Guide

  • Multi-Resolution Adaptation Scheme
  • Alignment Strategy
  • Label Layout
  • Auto Layout Container
  • Create a List of Dynamically Generated Content
  • Use a Sliced Sprite to make a UI image

results matching ""

    No results matching ""

    Prev: SafeArea Component Reference Next: Multi-Resolution Adaption