[RELEASED] iOS for Unity UI - iOS User Interface Design for Unity

Community Showcases
1

BETA 0.2 IS NOW AVAILABLE - FEB 1ST 2017
iOS User Interface Design for Unity

iOS for Unity UI comprises of a number of iOS UI Elements which can be used to create native appearance iOS applications.

What can I do with iOS for Unity UI?

Take a look at a web player demo of a mock up of the iOS Settings app created with iOS for Unity UI.

Webplayer Demo

And checkout the YouTube showing how this was created:

HOW TO: iOS Settings App Mock-Up

iOS for Unity UI can be used to create native appearance applications on any iOS device, or be used to produce mock-ups to show to clients that can be published as Web Player or Standalone applications.

iOS for Unity UI can be used to create Universal iOS applications, with support for all iOS devices, including iPod Touch, iPhoneā€™s (including 6 and 6+) and iPadā€™s.

What does it contain?

iOS for Unity UI contains a large number of iOS UI Elements, each of which is listed below and also linked to YouTubeā€™s covering each in detail.

UIPanel

Tab Bar

Navigation Bar

Tool Bar

Segmented Control

Image

Table View & Table View Item

Button

Label

Switch

Text

Popup Message & Message Box

More being added regularlyā€¦

Also take a look at the following YouTube:

Combining iOS UI Elements with 3D Content

Technical Specifications

  • Does NOT require Unity Pro
  • Tested on Standalone, Web Player, and iOS
  • Source code included
  • Optimized for great performance
  • PDF Documentation

Links

Publisherā€™s Website

Documentation

Online User Guide

E-Mail

Get Support!

What are our plans for the future?

Although iOS for Unity UI includes a large number of iOS UI Elements allowing you to start creating engaging and exciting native appearance applications straight away, it is still currently a BETA product, and as such has many new additions and features to be added over the coming months.

Your input and feedback is encouraged to help make iOS for Unity UI the best asset it can be!

Whilst iOS for Unity UI is in BETA it will be available at this reduced price!

Anything else I should know before buying?

Make sure to read the Online User Guide about the iOS UI Elements that interest you the most.

Looking forward to working together,
A-Lab Software - developer of iOS for Unity UI

1863759--119562--teaser1.png
1863759--119562--teaser1.png3840Ɨ2400 503 KB
1863759--119563--teaser2.png
1863759--119563--teaser2.png3840Ɨ2400 813 KB
1863759--119564--teaser3.png
1863759--119564--teaser3.png3840Ɨ2400 555 KB
1863759--119565--teaser4.png
1863759--119565--teaser4.png3840Ɨ2400 526 KB

7 Likes
2

Hi all,

Thanks to all those that have Liked my initial post!

Here is a link to a first webplayer demo, its a simple partial clone of the Settings app on the iPhone, made with my new asset iOS for Unity UI using the new Unity4.6 UI.

It only took a few minutes to create, and I will be producing a short YouTube tutorial over the weekend showing how I used my new asset to create the webplayer demo.

http://www.alabsoft.com/iOSforUnityUI/Test001.html

670Ɨ980 31.5 KB

The status bar is just a placeholder, when the project is built and published on an iOS device the real status bar would be displayed, of course you can create apps that hide the status bar, and my asset will detect that you have hidden the status bar in the Player Settings and move the Navigation or Tool bars to the top of the screen automatically, and resize other controls such as Tableview or Tab View accordingly.

I have spent a lot of time coding for all the iOS resolutions and orientations, and iOS for Unity UI enables you to create iPhone or iPad interfaces with ease, you can even create Universal apps! You can test all resolutions in the Editor to make sure your UI will look perfect before publishing to the device!

Also, note that when you select Wi-Fi and enable the switch control in the webplayer demo, when you click back to the main Settings screen the label will be updated to reflect the change, now saying ā€˜Onā€™, in the YouTube I will produce over the weekend you will see how easy it is to link the components together to access and pass data between themselves and also within your Unity project with any other GameObject or component.

Finally, transitions between screens is also very easy to configure with iOS for Unity UI, I will show you how easy it was to setup the Wi-Fi screen to slide in from the right when selected on the Settings screen.

Thanks again for your interest in my new Asset, and please comment and offer your feedback and thoughts!

Have a good weekend all! :slight_smile:

3

I like it quite a lot, Iā€™m just a little bit concerned that apple might not accept apps that have a UI really similar to the iOs one but not exactly the same (I mean the UI elements they provide through XCode). For example, in the last screen you showed, the gray line under Wi-Fi should go all the way from the left to the right of the screen. I donā€™t know this for sure, Iā€™m just guessing, because I know apple is a bit bitchy and they might think ā€œThis UI that looks similar to ours might confuse some people into thinking we designed it, and if itā€™s not 100% perfect, that person will think that apple did a sloppy job in creating the uiā€.

4

Hi Joni,

Many thanks for your comments, I hear what you are saying, however many apps have UIā€™s that look like standard iOS apps, but use very different colours from the standards and also have additional custom gui elements, so I do not foresee any issues.

With regard to the gray line you mentioned, this is an option of the Table View Item gui element I have created, and the line can be set to 3/4 length or full length via the Inspector.

My YouTube tutorial is currently uploading and will be ready in the next few hours, this will give you a better idea of how my asset can be used and works.

I will post a link when its publishedā€¦

5

YouTube now publishedā€¦ see how to use iOS for Unity UI to create the web player demo above.

6

Hi all,

iOS for Unity UI is nearing completion, and I have started creating the documentation which for the main part is in the form of online video tutorial lessons.

Each tutorial lesson will demonstrate the individual iOS GUI Elements included with iOS for Unity UI, and I will be posting more over the coming week.

This lesson covers the UIPanel.

Also, why not take a look at a web player demo of a mock up of the iOS Settings app created with iOS for Unity UI.
http://www.alabsoft.com/iOSforUnityUI/Test001.html

And checkout the following YouTube video showing how this was created:

7

Hi again,

I have just posted the next video in my tutorial series showing how to use each of the iOS GUI Elements included with my upcoming Unity Asset called iOS for Unity UI, and I will be posting more over the coming week.

This lesson covers the Tab Bar.

8

Hi,

I have just posted the next video in my tutorial series showing how to use each of the iOS GUI Elements included with my upcoming Unity Asset called iOS for Unity UI, and I will be posting more over the coming week.

This lesson covers the Navigation Bar.

9

Hi all!

I have just posted the next video in my tutorial series showing how to use each of the iOS GUI Elements included with my upcoming Unity Asset called iOS for Unity UI, and I will be posting more over the coming week.

This lesson covers the Tool Bar.

10

Gregā€¦ Iā€™m really looking forward to your releasing this. I already have a ā€œtraditionalā€ app created with Unity on the appStore, and I had to jump thru a lot of hoops, and make several compromises in design to get it working.

You can count on me for one sale ! :slight_smile:

1 Like
11

Hi tvalleau,

Thank you so much for your support! :slight_smile: It means a lot!

I am hoping to have a BETA release submitted to the Asset Store by the end of January with any luck.

I am still busy finishing off my asset and also creating the video tutorial series of lessons covering each iOS UI Element that makes up my asset.

In fact, I added lessons 6 & 7 today covering the Segmented Control and the Image, please check them out below:

https://www.youtube.com/watch?v=G2BnsMo3WMk

https://www.youtube.com/watch?v=oiNsnyPwDzc

12

Hi all!

I have just posted the next video in my tutorial series showing how to use each of the iOS GUI Elements included with my upcoming Unity Asset called iOS for Unity UI, and I will be posting more over the coming week.

This lesson covers the Table View and Table View Item.

13

Hi all!

I have just posted the next video in my tutorial series showing how to use each of the iOS GUI Elements included with my upcoming Unity Asset called iOS for Unity UI, and I will be posting more over the coming week.

This lesson covers the Button.

14

Hi,

I have just posted the next video in my tutorial series showing how to use each of the iOS GUI Elements included with my upcoming Unity Asset called iOS for Unity UI, and I will be posting more over the coming week.

This lesson covers the Label.

15

Hi,

I only have 3 videos left to publish in the series following this one, and then I will be packaging up my asset and submitting it to the Asset Store. :slight_smile:

This lesson covers the Switch.

16

Hi again,

I have just posted the next video in my tutorial series showing how to use each of the iOS GUI Elements included with my upcoming Unity Asset called iOS for Unity UI, and I will be posting more over the coming week.

This lesson covers the Text iOS UI Element.

17

iOS for Unity UI BETA v0.1 is now submitted to the Asset Store pending review! :smile:

I have updated the first post which now includes lots of information about iOS for Unity UI.

Thanks for looking! :slight_smile:

1 Like
18

Hi Greg,

Looking forward to the release of your Asset.

I do have a question on the Table View and Table View Items.

Will you have documentation or examples on creating Tables and Custom Table View Items in code and not in the editor?

Iā€™d like to generate the Table View from data coming from a web service/XML, so it would be built at runtime and not in the editor like your example videos show.

Canā€™t wait for the release! Thanks.

19

Hi AkiraRaptor!

Thanks for your interest in my Asset, with regards to examples on creating Tables and Table View Items from code, this is top of my to do list, and I will post a new tutorial on YouTube this coming week!

BTW, take a look at my next postā€¦ :wink:

20

iOS for Unity UI has just been approved and is now available in the Unity Asset Store! iOS for Unity UI | GUI Tools | Unity Asset Store

Looking forwards to developing my asset over the coming weeks! Thanks to all for your input and encouragement! :slight_smile: