# Pro App look of Apple, how

**URL:** <https://forum.xojo.com/t/pro-app-look-of-apple-how/14767>\
**Category:** General\
**Created:** [March 5, 2014, 11:27am UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767 "2014-03-05T11:27:38Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Helge\_Tjelta](https://forum.xojo.com/user_avatar/forum.xojo.com/helge_tjelta/32/193_2.png) [@Helge\_Tjelta](https://forum.xojo.com/u/Helge_Tjelta)\
**Post date:** [March 5, 2014, 11:27am UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/1 "2014-03-05T11:27:38Z")

</div>

Hi, how do we in Xojo make apps look like apples pro apps like , Final Cut Pro X, Compressor, Motion, Share Monitor etc., and this new app from another company, Final Cut Library Manager…

Is there a control set for us to use for these kind of things ?

---

<div class="post-metadata">

**Author:** ![Ulrich\_Bogun](https://forum.xojo.com/user_avatar/forum.xojo.com/ulrich_bogun/32/1864_2.png) [@Ulrich\_Bogun](https://forum.xojo.com/u/Ulrich_Bogun)\
**Post date:** [March 5, 2014, 11:54am UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/2 "2014-03-05T11:54:21Z")

</div>

Maybe someone else here has a better clue, but as as I know theres only the usual design and the metal window look available in OS X resources.  
I opened the package of GarageBand (yes, I know, thats not really pro, but has many of the dark design features) and found most of the backgrounds as Tiff files lying in its resource folder. I guess you’ll find the same in the mentioned apps as well.  
Therefore it looks to me like youll need to design all your window elements on your own and then include them in a background canvas or the like.

---

<div class="post-metadata">

**Author:** ![James\_Dooley](https://forum.xojo.com/user_avatar/forum.xojo.com/james_dooley/32/164_2.png) [@James\_Dooley](https://forum.xojo.com/u/James_Dooley)\
**Post date:** [March 5, 2014, 12:27pm UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/3 "2014-03-05T12:27:10Z")

</div>

Well the first thing to do is become familiar with the [Developer guidelines](https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/AppleHIGuidelines/Menus/Menus.html#//apple_ref/doc/uid/TP30000356-TP6) issued by Apple. Beyond that everything else is specific to the application being developed.

As Ulrich has already pointed out most of this stuff is done by changing color on the standard controls and then adding your own custom ones using graphic, painting on the canvas and so on. XOJO certainly has the ability to do most of this stuff, it really is a case of you coming up with the design and then putting the effort into designing the graphics required and writing the code to make it happen.

I only know of one vendor who has a set of controls that might interest you: [www.jeremieleroy.com](http://www.jeremieleroy.com/products/customui.php) However I have not used this package and can not speak as to it’s quality. Perhaps some one else can comment on it.

---

<div class="post-metadata">

**Author:** ![Tom\_Iwaniec](https://forum.xojo.com/user_avatar/forum.xojo.com/tom_iwaniec/32/345_2.png) [@Tom\_Iwaniec](https://forum.xojo.com/u/Tom_Iwaniec)\
**Post date:** [March 5, 2014, 10:47pm UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/4 "2014-03-05T22:47:47Z")

</div>

Use canvases. You can do anything with a canvas and some code. You can even make the visual elements of the interface in photoshop if necessary and then layout the parts in code with a canvas. We’ve made everything from custom buttons to entire, completely custom listboxes using canvases.

It’s a lot of work but will result in (a) something much better looking and (b) something cross platform when done in Xojo.

---

<div class="post-metadata">

**Author:** ![Jeremie\_L](https://forum.xojo.com/user_avatar/forum.xojo.com/jeremie_l/32/150_2.png) [@Jeremie\_L](https://forum.xojo.com/u/Jeremie_L)\
**Post date:** [March 6, 2014, 9:24am UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/5 "2014-03-06T09:24:32Z")

</div>

Hi,

You could also consider the CustomUI set of controls: [http://www.jeremieleroy.com/products/customui.php](http://www.jeremieleroy.com/products/customui.php)  
They are cross platform and highly customizable. No need to waist your time on creating everything from scratch with the Canvas control.

---

<div class="post-metadata">

**Author:** ![Jeff\_Tullin](https://forum.xojo.com/user_avatar/forum.xojo.com/jeff_tullin/32/693_2.png) [@Jeff\_Tullin](https://forum.xojo.com/u/Jeff_Tullin)\
**Post date:** [March 6, 2014, 10:08am UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/6 "2014-03-06T10:08:58Z")

</div>

You know what?  
I don’t think Garageband looks like App Store, which doesn’t look like iTunes , which doesn’t look like Pages.  
I don’t own the Pro apps listed above… I assume they look different again?

In the apps I use, I see toolbars at the top, toolbars at the bottom, brushed metal, textures, flat buttons, monochrome buttons, and color toolbar items in Pages.

> > Well the first thing to do is become familiar with the Developer guidelines issued by Apple. \<\<  
> > And then pick one app and try to look like that?

---

<div class="post-metadata">

**Author:** ![ChristopheDV](https://forum.xojo.com/letter_avatar_proxy/v4/letter/c/59ef9b/32.png) [@ChristopheDV](https://forum.xojo.com/u/ChristopheDV)\
**Post date:** [March 6, 2014, 6:34pm UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/7 "2014-03-06T18:34:10Z")

</div>

> [@69697:@JrmieLeroy](#):
>
> You could also consider the CustomUI set of controls: [Custom UI for Xojo - Software Design & Development by Jeremie Leroy](http://www.jeremieleroy.com/products/customui.php)

Ones did take a look at this but the controls are so slow its just not useable imo

---

<div class="post-metadata">

**Author:** ![Tim\_Jones](https://forum.xojo.com/user_avatar/forum.xojo.com/tim_jones/32/8627_2.png) [@Tim\_Jones](https://forum.xojo.com/u/Tim_Jones)\
**Post date:** [March 6, 2014, 7:20pm UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/8 "2014-03-06T19:20:54Z")

</div>

> [@69700:@Jeff Tullin](#):
>
> I don’t own the Pro apps listed above… I assume they look different again?

They are very different. Final Cut Pro X, Logic X, and Aperture all have their own look that is in no way related to iMovie or Garageband.

In fact, most pro editing apps adhere to this darker theme since it is easier to use in a low light environment and doesn’t detract from the editing source materials. Pro Tools, Media Composer, Premiere Pro, After Effects, Smoke, Flame … all of the big name apps used in the professional video/film and audio worlds use that darker scheme.

Final Cut Pro 10:  
 ![](http://images.tolisgroup.com/xojo_snaps/Screen%20Shot%202014-03-06%20at%2012.02.33%20PM.png)

Logic Pro X:  
 ![](http://images.tolisgroup.com/xojo_snaps/Screen%20Shot%202014-03-06%20at%2012.07.29%20PM.png)

After Effects CC:  
 ![](http://images.tolisgroup.com/xojo_snaps/Screen%20Shot%202014-03-06%20at%2012.09.02%20PM.png)

Motion  
 ![](http://images.tolisgroup.com/xojo_snaps/Screen%20Shot%202014-03-06%20at%2012.09.45%20PM.png)

---

<div class="post-metadata">

**Author:** ![Mathias\_Maes](https://forum.xojo.com/letter_avatar_proxy/v4/letter/m/7c8e57/32.png) [@Mathias\_Maes](https://forum.xojo.com/u/Mathias_Maes)\
**Post date:** [March 6, 2014, 7:32pm UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/9 "2014-03-06T19:32:19Z")

</div>

[quote=69697:@JrmieLeroy]Hi,

You could also consider the CustomUI set of controls: [http://www.jeremieleroy.com/products/customui.php](http://www.jeremieleroy.com/products/customui.php)  
They are cross platform and highly customizable. No need to waist your time on creating everything from scratch with the Canvas control.[/quote]

i have one thing to say about Jrmie Leroy: He delivers things of high quality, and is very helpful for his customers. When I open a ticket for a bug or a feature request, it’s looks like he fixes it faster than I can write the ticket.

---

<div class="post-metadata">

**Author:** ![system](https://forum.xojo.com/uploads/default/original/1X/455b4dcc0e61630e9f81940004ddffa49c432a46.png) [@system](https://forum.xojo.com/u/system)\
**Post date:** [October 29, 2020, 5:06pm UTC](https://forum.xojo.com/t/pro-app-look-of-apple-how/14767/10 "2020-10-29T17:06:31Z")

</div>


