APP Extensions Sticker Pack Extension

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

Objective

The previous article on the app extension did a brief introduction and the use of share extension to do a simple explanation, this article is mainly sticker Pack extension introduced.

Begin

Next is some introduction to the sticker Pack extension.

What is sticker Pack extension?

From the literal point of view is the sticker package extension, more intuitive to see:

IMessage inside these are imesssage Extension, but not all Extension are sticker Pack Extension, some imessageExtension. Therefore, if the Extension is a sticker, the sticker Pack Extension.

How is a sticker package created?

We will see two things:

1. Sticker Pack is not downloaded from AppStore, but you can see it directly in imessage. In fact this is not the creation of the sticker pack Extension, but a separate sticker pack application. It can be appstore on-line, which is what we often look at:

These oval shapes are imessage stickers that can be seen directly in the imessage after downloading. You can create this directly:

After clicking on the selected application, you will see a list of project projects as follows:

Well, there is only one folder, followed by the introduction.

2. Not downloaded from AppStore, but can be seen in imessage. For example, the above illustration of the WWDC and the knowledge of Liu look at the mountain. It is created in the form of app Extension. That is, when we develop our products, a new target:

When you're new, you'll find that the project catalog has become:

The above Messageextensiondemo is my project, Customsticker is my new sticker Pack Extension. In contrast, there is a info.plist, nothing more than a set of names to show and other properties.

How to Achieve

The next development lets you refresh your awareness. Because: you don't have to write code at all! No need to write code at all! No need to write code at all! We just need to put the picture in the specified position. Open the Sticker.xcassets and you'll find it's like this:

The IMessage App icon is the icon in the imessage, and the sticker pack is the image that we'll show in the imessage click on the icon. For example, I do this myself:

What I do in this is to find some pictures, and then put these pictures to the designated location, the icon is placed in the IMessage App icon, the other to share the picture into the sticker pack inside. Then click on Run main program, open the IMessage app, you will see your own imessage stickers.

Here you may pay attention to the number of displays, some four, some three, and some 2. This is because I set the sticker Size:

That is, if I use the small, then imessage inside the show is a row of four, if set medium, then one line shows is three, if it is large, then a row shows two.

Sicker Pack picture size and format

The official sticker size is the left:

But I was in the design of the picture when more casual, casually set the size of the picture, but it looks OK.

The official sticker formats is on the right.

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

The new sticker is the creation of a sticker Pack, the new sticker sequence is interesting, in fact, it is a sequence of pictures, that is, we can use a few consecutive PNG images to assemble into a dynamic picture. Here is not an example, interested can try it yourself.

About IMessage sticker icons size

According to the official website size design can be. In addition, if you have money, you can purchase the official recommended tool for creating stickers: Motion. But the charge .... Click here to see how you can use motion to create stickers.

Summarize

This blog mainly describes how to create a imessage app and how to create a sticker extension. relatively simple. If you don't understand, you can leave a message.

Report

1. Use the code, click here to download (Messageextensiondemo in the code)

Resources

1.Human Interface Guidelines 2.Creating stickers for IMessage 3.Messages 4. Video: buildiing sticker Packs

5.Create stickers with Motion

APP Extensions Sticker Pack Extension