- All live wallpaper creation will take place under the Project tab, so make sure you are there.
- Select a picture from your Work Folder on the left. Let's pick the Orange Flourish.jpg. You will see the picture appear under the Preview tab.
- Select the area to be used as the background for your live wallpaper. You need to select two crop sizes: High Resolution and Medium Resolution. The 2 crop sizes specifically cater to different to common device screen ratios. When you are done positioning the crop frame, click Set.
- You can move the crop frame around freely by left-clicking and holding it to move it to the desired position. Right-clicking will result in horizontal movement only. You can also make it bigger or smaller by clicking on the square in the bottom right corner of the frame and dragging it to fit your desired size.
- LWC provides some padding for your background in case you want to use it. You can change the colour of the padding if you wish.
ItemsNow that the background for our live wallpaper is set, we need to add some items to it. LWC allows you to add pictures as items that will appear over the top of your background. There are various properties that you can customize in order to conrol the behaviour of your items. But more on that later, let's first pick some pictures as our items.
- Click on the Items tab.
- Over in the Image Library, click on the Items folder
- All the pictures in the Items folder will appear on the right side of the Image Library.
- Left-click on some pictures to add them to the Items list (top left section). If you change your mind about an added picture, you can always right-click on them in the Items list to remove them.
- To control how many items appear on the screen, we can set the Item Count value. We'll set ours to 15.
- Now we need to decide where we want our items to spawn. The options are:
- Border: items spawn at the border of the screen.
- Random: items spawn in random locations on the screen.
- Centre: items spawn in the centre of the screen.
- Touch: items spawn only when the user touches the screen and at the location of the touch.
- Since we are keeping it simple for our first live wallpaper, we are not going to add any interaction controls. Select None for the Action Style and click the Disable Interaction checkbox.
Item PropertiesWe have picked our items and decided on the spawn and interaction modes (random and non-interactive). It's time to configure the properties of the items.
- Click on Item Properties tab. There you will find 6 item properties:
- Speed: controls the speed at which the items move on the screen.
- Direction: controls the direction in which the items move on the screen.
- Scale: controls the size of the items upon spawning.
- Angle: controls the orientation of the items upon spawning.
- Opacity: controls the transparency of the items upon spawning.
- Rotation: controls the speed at which the items rotate (counter-clockwise) on the screen.
You can enter multiple values and ranges of values for each property using commas and dashes respectively. This is called list notation and allows for great flexibility in your wallpapers.
- Slow: 10,20-30
- Medium: 40,50-70
- Fast: 80,90-120
- Straight up: 90
- Every direction: 0-360
- Left and Right: 135-225,315-405
- Scale: 75-100
- Angle: 0
- Opacity: 50-100
- Rotation: 50-60
BuildingNow that our background, items and their properties are configured, we are ready to build our first live wallpaper. Since this is a very simple live wallpaper, we are skipping Interaction, Fonts and Promotion tabs. These will be covered in the next tutorials. Let's build our wallpaper now!
- Click on the Build tab.
- Give your wallpaper an appropriate name. We'll call ours Orange Flourish LWP.
- Select the company that you want to sign your wallpaper under. You should have an available company from the previous tutorial.
- Type in your password and alias (case sensitive).
- Click Build.
- Your project will be compiled into an apk file. The apk file will be created in the corresponding project folder inside the archive. Access your archive folder using the shortcut button on the bottom left of the screen.
If you want to build and install the wallpaper to your device right way, you can click on the Build+Install button.
TestingTo test your newly built live wallpaper application you need to connect an Android device via a usb cable or run an emulator via AVD Manager. You can access the AVD Manager from the Settings tab.
Once a device or emulator are ready, click the Build + Install button to install your wallpaper.
Alternatively, you could transfer the apk file from the archive to your device, and install it manually. You will need to have a file browser app installed to navigate your Android device's file structure.