A (175)

316 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual Figure 9-6. Launch the Draw 9-patch software, and use the F ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 317 Both of these approaches are shown in Figure 9-6; however, ...

318 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual Defining Your NinePatchDrawable Scalable Areas To define ho ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 319 As you can see in Figure 9-8, a number of other useful cont ...

320 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual Finally, at the top of the editing area, there is a Show ba ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 321 Also notice in Figure 9-10 on the right-hand preview side o ...

322 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual Also notice in Figure 9-11 that I am in the process of draw ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 323 Figure 9-13 shows a finished NinePatch image asset definiti ...

324 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual It’s important to note that if you place the mouse in the l ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 325 Saving Your NinePatchDrawable Asset in Android Your Draw 9- ...

326 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual The ImageButton Class: Multi-state Buttons Android’s ImageB ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 327 The default image for your ImageButton UI widget, which def ...

328 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual ImageButton UI elements are time-consuming to create, becau ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 329 Double-click on the ImageButton1source.png file in the book ...

330 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual Figure 9-16. Using the File ➤ Open as Layers menu sequence ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 331 It is important to notice that GIMP also has pop-up helper ...

332 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual You could simply have your ImageButton draw a ring on top o ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 333 Figure 9-18. The Fuzzy Select tool (top) and Tool Options ( ...

334 CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual Figure 9-19 also shows the ImageButton1source.png layer bei ...

CHAPTER 9: Android Graphic Design: Making Your UI Designs Visual 335 This time, instead of using the Delete function, we are goi ...