Custom background and button images are really what set TouchControl apart from other iPhone remote apps. You can supply TouchControl with any images you'd like to use on your remote screens.
Background images are stored in the backgrounds.zip file located in your TouchControl images diretory (default is My Documents/TouchControl/images). A few sample backgrounds are included with the TouchControl installation. To add your own background image(s) (or images you've downloaded from the Download page), simply add the image(s) to the backgrounds.zip file using you favorite ZIP archive program (such as WinZip, 7zip, WinRar, Windows compressed folders etc.). After you have added the image(s), restart TouchControl Server, and the new image(s) should be available when you click the Background button above the layout panel.
To add a new background image to TouchControl Server, simply select "Tools -> Import Background Image..." from the TouchControl Server menu, and select the image from your computer when prompted. This will add the image to the background collection and make it immediately available for use in your layouts. If you download background images from the Download page, simply uncompress the zip file to your computer and use the import option to import the background(s) into TouchControl Server.
You may also upload images from your device directly into the backgrounds collection. Find the option in Settings in the TouchControl app.
Background images should be at least 320px wide by 420px high to fill the available iPhone display (320px by 480px if using full-screen activities on the iPhone/iPod). Images may be larger, in which case the iPhone display will scroll to allow access to the entire background. The layout design panel, however, will expand to show the entire background to make it easier to layout your remote screen(s). Note that if the background image is too large to fit on your screen at your given resolution, the image will be scaled down to fit within your screen dimensions. This is only a design-time feature, and the background image will be at full resolution on the iPhon screen.
Providing an image that is wider than 320px or taller than 420px is a great way to give you extra space to layout buttons by taking advantage of the iPhone's excellent scolling motion. Just put less frequently used buttons at the right or bottom, and swipe your finger to scroll them into view when needed. See the gallery for examples of both vertically and horizontally scrolling remote layouts.
You may also add high-res background images for use on devices with the high-res retina display. Following Apple's iPhone image naming standard, images that include "@2x" at the end of the filename (i.e. firstname.lastname@example.org) will be treated as high-res, and will be sized to half the dimensions of the raw image, effectively giving it twice the pixel density of normal images. If you add two images with the same name, but one has the additional "@2x" added to the filename, the iOS devices will automatically use the high-res image on devices with a retina display and the lower-res image on all other devices. This allows you to build one layout and automatically support devices with different screen resolutions.
When adding your own button images to a layout, you'll probably want to keep the background image fairly simple so that it doesn't distract from the buttons themselves. However, using the button hot spot, you can use elements in the background image as buttons themselves (for example, a picture of your device's remote control), which can make for fun and interesting remote control screens. So play around and have fun!
Button images are provided to the TouchControl program in "button packs", which are simply ZIP files with a specific name, location, and file structure. Two sample button packs are included with the TouchControl installation. To create and add your own button packs, follow these simple steps:
Check the Download page for newly available backgrounds and button packs. New images will be posted periodically.
Find out where you can get more buttons on the FAQ page...
If you have a background and/or button pack that you are particularly proud of and you'd like to share it, feel free to send it to me and I'll post it on the Download page on this site so that others can take advantage of it. In the future I hope to allow TouchControl users to upload their own content to the site, including complete activity configurations with remote IR codes, layout, images, etc., so watch for that!