You will now see that your UI elements that previously showed a green color accent now have a red color accent. Ensure that “ Style” in the FireUI Multi-Device Designer is set to “ Android“. Select your form in the Structure pane and set the StyleBook property to StyleBook1. After loading the new style, click the “x” and select “Apply Style…” and “OK”. Browse to the location of the newly saved red Android Style. Double-click on the StyleBook and click on the “Open” icon. Step 6: Load the style into a StyleBook and apply it to your application. After you are done updating the images, select File > Save As > FireMonkey Style (*.style). Repeat until you have replaced each of the images with your updated red graphics. Select the replacement image and click OK. Select the first image in the list, and click “ Update“. Select the Images node in the Bitmap Style Designer. Step 5: Update the style images in the Bitmap Style Designer and save the new style mystyle.png for the 1x style, mystyle 15x.png for the 1.5x style, mystyle 20x.png for the 2x style and mystyle 30x.png for the 3x style. It’s important to keep the same naming conventions, i.e. Alternatively, you can use the 3x graphic, and Photoshop’s Image > Image Size menu to resize the image back down to 2x, 1.5x and 1x. Then apply the same changes to the other resolutions and image files in your exported images folder. After making the changes to the 3x style, save the new style30x.png. Step 4: Change the Hue/Saturation to quickly customize the style colorsĬhange the Hue and Saturation values to adjust the colors. Go to Image > Adjustments > Hue/Saturation. Using Photoshop, open the 3x version of the style graphic. Step 3: Open the exported images in the graphics program of your choice Select a Destination Folder, then click Export. but for this blog post, we are going to create a new version of the Android style by changing the color scheme from green accents to red accents.īrowse to the Images node and select Export. You can choose any of the style templates provided here. Open the Bitmap Style Designer via the Tools menu in the IDE. Step 1: Select one of the Style Templates Get RAD Studio Berlin Update 2 Anniversary Edition today.Step 6: Load the style into a StyleBook and apply it to your application.Step 5: Update the style images in the Bitmap Style Designer and save the new style.Step 4: Change the Hue/Saturation to quickly customize the style colors.Step 3: Open the exported images in the graphics program of your choice.Step 1: Select one of the Style Templates.
0 kommentar(er)
