Axure 9 actual case, the application of basic components 4, the masking effect of the APP scan code page

---

Preface

Hello! Welcome to the Axure 9 practical case tutorial column. Click to understand the course introduction >>

In this course, we continue to learn about the application of basic components. In the last two tutorials, we talked about the common design of charts. This article will bring you another common design, which is the mobile phone scan code interface.

Here we find the code scanning interface of Tencent TIM, which is used as a blueprint for drawing; as you can see, the main components of the code scanning interface include: mask layer (translucent), scanning window (fully transparent/hollowed out), scan line, Scan code box, prompt language.