There are chat interfaces in various APPs we often use, such as the most common WeChat chat, Taobao customer service communication, etc., bulk sms send which are all interfaces for communication and chat; the author of this article shared about using repeaters as chat APPs Prototype, let's take a look at it together. The APP chat interface can be said to be one of the most commonly used prototype pages in APPs. Except for the well-known social APPs, such as WeChat and QQ, in fact, basically all APPs have prototype pages for chatting; for example, Meituan Ele. bulk sms send me Takeaway Software, we can communicate with the rider; Taobao Jingdong e-commerce software, we can communicate with the store; other software, we can also communicate with customer service.
All the above communication pages can use the prototype of the chat APP; bulk sms send so today the author will teach you how to use the repeater to make a high-fidelity chat dialogue prototype. 1. Effect introduction Prototype preview address:. Material preparation One repeater, two pictures, two rectangles, one input box, one voice icon, and one send button. The materials bulk sms send in the repeater need two pictures (the other side's avatar, our side's avatar) and 2 rectangles (the other side's conversation content, I put the conversation content). bulk sms send Placed as shown in the following figure (actually two are placed at the same y value): 3. Repeater Form WHO is to distinguish who is in the dialogue.
If the value is me, it is what we said, bulk sms send otherwise it is what the other party said. The interaction will be explained in detail below. content is the content of the conversation. Complete as shown below: 4. Interactive settings 1. When each repeater is loaded 1) Hide our or each other's avatar + conversation content Because only one party can speak in a line, if who==me, then we need to hide the left dialogue (the other party's avatar + the other party's dialogue content); otherwise, bulk sms send hide the right dialogue (our avatar + our dialogue content).