Controls

Figure 14-1 Push button height 225

Figure 14-2 Push button spacing 225

Figure 14-3 Full-size push buttons used in dialogs 226

Figure 14-4 Metal buttons 227

Figure 14-5 Metal button dimensions 227

Figure 14-6 Bevel buttons as radio buttons and push buttons 228

Figure 14-7 Bevel button examples 229

Figure 14-8 Icon buttons used in a toolbar 230

Figure 14-9 Icon button dimensions 230

Figure 14-10 Examples of round buttons 231

Figure 14-11 Round button dimensions 231

Figure 14-12 Help button in the Page Setup dialog 232

Figure 14-13 Help button dimensions 232

Figure 14-14 Radio button spacing 233

Figure 14-15 Checkbox spacing 235

Figure 14-16 Segmented control dimensions 237

Figure 14-17 Pop-up icon button 238

Figure 14-18 Pop-up bevel button with square corners 239

Figure 14-19 Pop-up bevel button with rounded corners 239

Figure 14-20 An open pop-up menu 240

Figure 14-21 Pop-up menu dimensions 241

Figure 14-22 Pop-up menu spacing 242

Figure 14-23 A command pop-down menu 243

Figure 14-24 Command pop-down menu dimensions 244

Figure 14-25 A combo box with the list open 245

Figure 14-26 Combo box dimensions 246

Figure 14-27 A placard with a pop-up menu 247

Figure 14-28 Color well in a preferences window 248

Figure 14-29 Image wells 248

Figure 14-30 A textual date-picker control 249

Figure 14-31 A graphical date picker control 249

Figure 14-32 Stepper control dimensions 251

Figure 14-33 Full-size slider control dimensions 252

Figure 14-34 Small slider control dimensions 252

Figure 14-35 Mini slider control dimensions 253

Figure 14-36 Progress bars 255

Figure 14-37 Asynchronous progress indicator 255

Figure 14-38 Relevance indicator 256

Figure 14-39 Relevance indicator states 256

Figure 14-40 A continuous capacity indicator displaying values in three different ranges 257

Figure 14-41 A discrete capacity indicator displaying values in three different ranges 258

Figure 14-42 A rating indicator showing different ratings 258

Figure 14-43 Full-size text input field dimensions 260

Figure 14-44 Small text input field dimensions 260

Figure 14-45 Mini text input field dimensions 260

Figure 14-46 A token control in use 262

Figure 14-47 Token field dimensions for full-size, small, and mini sizes 262

Figure 14-48 Full-size search field dimensions 263

Figure 14-49 Small search field dimensions 263

Figure 14-50 Mini search field dimensions 264

Figure 14-51 Scrolling list dimensions 265

Figure 14-52 Disclosure triangle used to progressively reveal dialog contents 266

Figure 14-53 Disclosure triangles 267

Figure 14-54 Disclosure button used to reveal additional functionality for a specific control 268

Figure 14-55 List view with disclosure triangles 269

Figure 14-56 Column view display of files 270

Figure 14-57 A splitter bar in a metal window 271

Figure 14-58 A splitter bar in an Aqua window 271

Figure 14-59 Full-size tab view dimensions 272

Figure 14-60 Small tab view dimensions 272

Figure 14-61 Mini tab view dimensions 273

Figure 14-62 Tab panes edge to edge 273

Figure 14-63 Tab panes inset from the edge of a window 274

Figure 14-64 Difference in vertical tab view space between Carbon and Cocoa 275

Figure 14-65 Tab view differences between versions of Mac OS X 276

Figure 14-66 Separators 277

Figure 14-67 Types of group boxes 278

Figure 14-68 A group box with a text-only title 278

Figure 14-69 A group box with a checkbox title 279

Figure 14-70 Group boxes with pop-up menu titles 279

Figure 14-71 Group box spacings 280

0 0

Post a comment

  • Receive news updates via email from this site