Daily updates of Xiaomi's latest AI internal materials
This guide explains the purpose and naming rules of local variables, walks through creating a calculator page with named inputs and button click events, shows how to combine logical conditions using && and ||, and contrasts local variables with global variables for cross‑page data sharing.
This guide explains how to create a login and success page in Axure, define global variables for username and password, bind them to input fields, configure button click events, and control action order so that variable assignment occurs before page navigation.
This guide explains how dynamic panels work in Axure, covering multiple states, looping, timed transitions, overflow handling, mouse events, nesting, and using panels as containers to build interactive and responsive prototypes.
This step‑by‑step guide shows how to build a login page featuring a "Send Verification Code" button that counts down using a dynamic panel, event loop, and global variables, covering panel setup, state cycling, conditional logic, and styling for disabled states.
This step‑by‑step guide shows how to convert a static menu bar into a dynamic panel, disable automatic sizing, apply black fill, set its height based on the browser window, and add resize handling to keep the top‑right button correctly positioned.
This guide explains how to make a website’s top navigation bar stay fixed at the screen’s upper edge during scrolling by converting it into a dynamic panel, using the “Fix to Browser” option, setting precise offsets, and applying the same technique to other fixed‑position buttons such as back‑to‑top links.
This step‑by‑step guide shows how to create a 750 × 1334 dynamic panel named "Phone Screen", design a message list with unread and delete buttons, convert it into a reusable dynamic panel, and add left‑ and right‑drag end events while handling hidden overflow content.
This tutorial walks you through creating a fully functional image carousel in Axure by configuring a dynamic panel, adding multiple states for each slide, and setting a page‑load event to automatically switch states every second, complete with visual step‑by‑step screenshots.
This tutorial explains how to use Axure's powerful Dynamic Panel widget to create a tabbed interface by adding buttons, duplicating panel states, editing each state’s content, and assigning click events to switch between states, while also covering state naming conventions.
This guide explains the key component, page, window, and mouse pointer properties in UI design, covering scroll settings, opacity handling, naming conventions for objects and attributes, and best practices for consistent, case‑insensitive usage across dynamic panels.
