REALbasic – Learning the interface on Mac, Windows and Linux line

Before we will start the adventure with REALbasic we will create a simple application that will help us discover the interface of REALbasic for Mac OS, Windows & Linux. And in future we will create some great applications. Watch it, learn it, enjoy it!

Running REALbasic

When we start REALbasic on Mac or Windows or Linux we will see this window. On active TAB Window1 we can use controls and its properties to build GUI (graphical user interface) for our applications. Depending on the operating system the appearance of controls will be different. In Windows we will have windows like controls (buttons, windows skins) , on Mac OS we will have mac like controls etc.

realbasic window mac

realbasic window windows

realbasic window linux

Property and Value

Property in GUI builder is a place where we can change some options for current selected control or window. In case of selected Window we have a options like width, height, title, backcolor etc. Of course we can also change the values even if our applications is running. But we must add this values to our code. We will learn this later.

realbasic property and value

Controls in REALbasic

In Controls list we can find all available with REALbasic components to create our software. There are such Controls as Canvas (for using images), PushButton (simply a button), MoviePlayer (for loading movies) etc. To use each Control we can simply drag and drop it to our application Window. Some of them (example IPCSocket) are not visual components like ListBox but powerful intermediaries in using ex. protocols, cpu threads etc. Each Control has got its own properties and values.

realbasic controls

Creating a simple application in REALbasic

OK, we know so much so we will try to create our first easy application. Drag and drop on Window1 controls: PushButton and TextArea. Now double click on PushButton control. PushButton1 Sub Action()

realbasic 1st application

Editing code in REALbasic

We are now in REALbasic code editor witch looks like this. In others tutorials we will lean how to use it and now simply enter the code below in Controls -> PushButton1 -> Action.

1
TextArea1.Text = "REALbasic City"

realbasic editing code

Project Tab in REALbasic

I almost forgot Project Tab in REALbasic. We can create here new Window, add a Class, add Module, add Folder with files, images etc. add Menu Bar and Toolbar. We will use this Tab in other tutorials. Every element in Project Tab has got own properties and values.

realbasic project tab

Running the application

To check if our application is running correctly we can simply press the green Run button in REALbasic Main Toolbar. As you can see on each operating system the application is working good. The only difference is the GUI style.

realbasic application mac

realbasic application windows

realbasic application linux

Author: Jakub Pawlak

I'm interested in all. Currently working on the development of TUTSPOLIS and I hope that in near feature reference it success.

2 Responses to “REALbasic – Learning the interface on Mac, Windows and Linux”

  1. Polprav says:

    Hello from Russia!
    Can I quote a post in your blog with the link to you?

  2. Jakub Pawlak says:

    Hello!

    Yes you can quote, but there is no link option yet. I try to make something that will work in in future.

    example

Leave a Reply

Copyrights (c) TUTSPOLIS | Powered by Wordpress MU | Inspired at Elegant Themes designed by qbap (HTML5 & CSS3)