Plazmic Theme Builder for BlackBerry SmartphonesVersion: 4.7User Guide
Option DescriptionSVGSpecifies the application to use with .svg files. You cancompile .svg content to make it available for use in theBlackBerry® Brow
Show or hide the alignment toolsOn the Window menu, click Alignment.Using the workspaceThe project windowYou view your Plazmic® Theme Builder projects
The Plazmic Theme Builder InspectorYou can use the Plazmic® Theme Builder Inspector to customize the components of the BlackBerry® UI. You can click t
Inspector Button DescriptionControls Use the Controls Inspector to changethe appearance of BlackBerryApplication controls, such as dialogboxes, button
Creating and changing theme projects2You create your new theme using the selected theme type as your starting point. You can change from one theme typ
3. In the Device drop-down list, click the target device:• 240x260: BlackBerry® 7100 Series and BlackBerry® Pearl™ smartphones• 240x320: BlackBerry® P
Best practice: Naming a theme projectConsider the following when naming theme projects:• You can save your theme project with any unique name. However
3. Click Create.4. When the new project is created, click File --> Import.5. Navigate to the theme that you want to adapt to the new screen size.Us
Using fonts3You can set fonts throughout your theme. There are three types of fonts, each of which is identified by an icon adjacent to thefont name i
Setting DescriptionStroke color The Stroke color defines the color of the outline of the text. This setting is only available for textelements on the
SWD-628621-0319021928-001
• Color: As with images, you should use a limited color palette for fonts. Consider the background color as well; textbecomes illegible when displayed
Creating and using images4Working with imagesWhen you add an image to a theme project, the Plazmic® Theme Builder converts the image from its original
Since background images for dynamic elements require borders and are of an unknown size, static images are not sufficient.Creating an image that inclu
Creating images with multiple statesThe BlackBerry® themes contain several elements for which a single static image is not sufficient. Some images mus
Element Location ComponentimagesDescriptionFor example:WirelesscoverageindicatorBanner 9 One row of nine equal-sized images. The component images incl
Element Location ComponentimagesDescription• BlackBerry Messenger message• SMS text message• anonymous message• task reminder• push channel updateFor
Element Location ComponentimagesDescription• Fourth row: empty slot, three images for incoming MMS message (unread,read, error), nine images for outgo
Element Location ComponentimagesDescriptionBlackBerry® Curve™ 8900 devices have nine states, BlackBerry® Storm™ 9500devices have 11 states, and BlackB
Using colors5You can use the Plazmic® Theme Builder Color Picker to specify the color of a theme element or to define and save a palette ofcustom colo
3. To convert the selected color to a web-safe color, click the Web safe setting. The Plazmic® Theme Builder converts the colorin the color selection
Contents1 Plazmic Theme Builder overview...
Designing banners6The device banners appear on the Homescreen and at the top or bottom of several BlackBerry® applications. The Homescreenbanner is us
2. In the Banner section, in the Height field, specify the height of the banner in pixels. You can set the banner height to aminimum height of 20 pixe
Change the image for the battery power indicatorThe image you select for the battery power indicator must be a composite image made up of two rows of
Change the image for the new item indicator1. Click the Banner button at the left of the Inspector pane.2. In the Indicators section, click the New It
Customizing the Home screen7The Home screen for each available base theme is unique, and is the primary difference between the base themes. You cancus
Tab An image that displays beneath the application icon on the Homescreen.Tab Focus An image that displays beneath the application icon when it issele
Caret An image that displays beneath the selected application on theHome screen.App Menu An image that is added to Home screen and, when clicked by th
2. In the Applications section, click Reposition Applications. In the preview pane, movable bounding boxes appear aroundeach application icon and asso
3. In the Applications section, select an application slot to customize.4. Open the Properties section of the Custom Home screen Inspector.5.Click the
11. In the Text Animation drop-down list, choose an animation style. The animation style defines how the text behaves whenthe application is selected.
Add an image...
Specify the image to use for highlighting the selected application iconThe BlackBerry® UI uses a separate image to highlight the selected icon. The hi
4. To use the default icon for an application, right-click the icon, and then click Reset to Default.5. To update an icon for which you have modified
The inbox configuration affects the design of the Home screen; for example, if you plan to add separate icons for email messages,SMS messages and MMS
Changes you make in one mode are reflected in both portrait and landscape mode.Customizing external flip screensYou can customize BlackBerry® Pearl™ 8
Customizing BlackBerry Application screens8Customizing the messages application screenSpecify the font for the date text1. Click the Message List butt
Specify the color for alternating rows in lists1. Click the Message List button at the left of the Inspector pane.2. Click the List Stripe color swatc
3. Click the Volume thumbnail image.4. Navigate to the image to use as the volume slide bar image.5. To view a different volume level in the preview p
Area Element DescriptionMute Change the icon image for the Mute button.Add Participant Change the icon image for the Add Participant button.Join Chang
Customizing the Lock screenSet fonts for Lock screen text1. Click the Lock Screen button at the left of the Inspector pane.2. In the Font drop-down li
Layer the Lock screen over the banner1. Click the Lock Screen button at the left of the Inspector pane.2. Check Render Lock Screen Over Banner.User Gu
Customize the Home screen with an SVG file...
Customizing UI elements9Customizing dialog boxes and dialog box buttonsShow or hide the dialog box previewYou can configure the dialog box and dialog
Specify the icons used on dialog boxes1. Click the Controls button at the left of the Inspector pane.2. Open the Dialog section of the Controls Inspec
3. Click the Background thumbnail image.4. Navigate to the image to use as the background for application menus.5. To specify the tile and border port
2. Open the Titlebar section of the Controls Inspector.3. Click the Background thumbnail image.4. Navigate to the image to use as the background for t
Specify the color that displays underneath the selected list item1. Click the Controls button at the left of the Inspector pane.2. Open the List secti
3. Click the Up or Down thumbnail images.4. Navigate to the image to use for the selected navigation.Specify an hourglass image1. Click the Global Ite
Managing theme images and colors10You can use the Plazmic® Theme Builder catalogs to save images and colors for later use. Adding items to the Catalog
Delete items from a catalog1. Select the item you want to delete.2. Click the Delete icon.Open a catalogIn the Catalog drop-down list, click a catalog
Inspector Component element Standard size (in pixels)BlackBerry® 7100 Series,BlackBerry® Pearl™ 8100SeriesBlackBerry® Curve™ 8300Series, BlackBerry® 8
Inspector Component element Standard size (in pixels)BlackBerry® 7100 Series,BlackBerry® Pearl™ 8100SeriesBlackBerry® Curve™ 8300Series, BlackBerry® 8
Customizing the phone application screens...
Inspector Component element Standard size (in pixels)BlackBerry® Pearl™ 8220smartphoneBlackBerry® Bold™ 9000smartphonedialog box background,dialog box
Inspector Component element Standard size (in pixels)BlackBerry® Curve™ 8900smartphoneBlackBerry® Storm™ 9500smartphonedialog box background,dialog bo
Inspector Component element Standard size (in pixels)BlackBerry® Curve™ 8350iControls dialog box icons 40 x 40dialog box background, dialog box button
• Define borders for control elements: Borders around control elements separate them from the screen content that theyoverlay.User GuideBest practice:
Using the BlackBerry Smartphone Simulator to test yourtheme11You can test your theme using the BlackBerry® Smartphone Simulator , which enables you to
2. When the BlackBerry Smartphone Simulator opens and displays your theme, navigate through the UI to verify that images,colors and fonts appear as ex
Making themes available to BlackBerry device users12Export considerationsWhen you export a theme, the Plazmic® Theme Builder automatically places the
Export factor DescriptionThe distribution strategy you choose determines the type offile the Plazmic Theme Builder creates during the exportprocess to
Export type DescriptionWhen you export a theme for distribution over the wirelessnetwork, if the theme is too large for a single .cod file, thePlazmic
Making a theme available to BlackBerry device usersFor BlackBerry® Device Software versions 4.2.0 and 4.2.1, you must instruct users who install your
Specify the color that displays underneath the selected list item...
Legal notice13©2009 Plazmic Inc. All Rights Reserved. Plazmic and related trademarks, names and logos are the property of Plazmic Inc. andare register
EXCEPT TO THE EXTENT SPECIFICALLY PROHIBITED BY APPLICABLE LAW IN YOUR JURISDICTION, ALL CONDITIONS,ENDORSEMENTS, GUARANTEES, REPRESENTATIONS, OR WARR
infringement or violation of third party rights. You are solely responsible for determining whether to use, Third Party Productsand Services and if an
Plazmic Theme Builder overview1The Plazmic® Theme Builder enables designers and content developers to customize various elements on the BlackBerry® de
Option DescriptionCreate New DocumentDisplays the Create New Theme dialog box, so you canchoose the device type and theme type for a new themeproject.
Commentaires sur ces manuels