Sticker Pack Extension and extensionssticker in App Extensions

Sticker Pack Extension and extensionssticker in App Extensions

Reprinted please indicate the original link: http://www.cnblogs.com/zhanggui/p/7151795.html

Preface

The previous article briefly introduced App Extension and briefly described the use of Share Extension. This article mainly introduces Sticker Pack Extension.

Start

Next we will introduce Sticker Pack Extension.

What is Sticker Pack Extension?

Literally, it is the extension of the sticker package. For more intuitive information, see:

IMessage is the Extension of iMesssage, but not all Extension is Sticker Pack Extension, and some are iMessage Extension. Therefore, the Extension of the Sticker is the Extension of the Sticker Pack.

How can I create a sticker package?

We can see two situations:

1. the Sticker Pack is not downloaded from the AppStore, but you can see it directly in iMessage. In fact, this is not the created Sticker Pack Extension, but a separate Sticker pack Application. The AppStore can be released independently, which is what we often see:

 

All these elliptical stickers are iMessage stickers, which can be viewed directly in iMessage after being downloaded. You can directly create it like this:

After you click the selected Application, you will see the following project list:

Okay, there is only one folder, which will be introduced later.

2. I have not downloaded it from the AppStore, but can see it in iMessage. For example, WWDC and zhihu Liu xianshan in the figure above. Its creation method is App Extension. That is, when we develop our products, we create a new Target:

After creating a new project, you will find that the project directory has become like this:

The above MessageExtensionDemo is my project, and CustomSticker is my new Sticker Pack Extension. In contrast, there is an additional Info. plist, which is nothing more than setting the name to be displayed and other attributes.

How to Implement

The subsequent development will refresh your knowledge. Because: no code is required! No need to write code! No need to write code! You only need to place the image at the specified position. Open Sticker. xcassets and you will find the following:

The iMessage App Icon is the icon seen in the iMessage, And the Sticker Pack is the image to be displayed on the page where we click the icon in the iMessage. For example, I did this myself:

What I do here is to find some images, put them in the specified position, and put the icons in the iMessage App icon, put other images to be shared in the Sticker Pack. Then click Run main program to open the iMessage app, and you will see your iMessage sticker.

Here, you may have noticed the number of presentations. Some have four rows, some have three rows, and some have two rows. This is because the Sticker Size I set is:

That is to say, if Small is used, four rows are displayed in iMessage. If Medium is set, three rows are displayed. If it is Large, two rows are displayed.

Sicker Pack image Size and format

The official Sticker Size is like this on the left:

 

However, when designing an image, I set the image size randomly, but it looks OK.

The official Sticker Formats is on the right.

In addition, let's look at the plus sign in the lower left corner:

The New Sticker is used to create a Sticker Pack. The New Sticker Sequence is very interesting. In fact, it is a Sequence of images, that is, we can use several continuous png images to assemble them into a dynamic image. I will not give an example here. If you are interested, try it yourself.

About iMessage sticker icons size

Design According to the size given by the official website. In addition, if you have money, you can purchase the officially recommended Stickers creation tool: Motion. However, fees are charged .... Click here to view how to use Motion to create Stickers.

Summary

This blog introduces how to create an iMessage App and how to create a sticker extension. Relatively simple. If you do not understand it, leave a message for consultation.

Appendix

1. Click here to download the code used (MessageExtensionDemo in the Code)

References

1. Human Interface Guidelines 2. Creating Stickers for iMessage 3. Messages 4. Video: Buildiing Sticker Packs

5. Create Stickers with Motion