View - r3n/rebol-wiki GitHub Wiki

Rebol View, A Graphical Interface For The User

VID, Visual Interface Dialect

using existing VID styles, working with facets of faces

making a GUI layout

View System

Introduction

- Face Object

Existing Faces Of VID

Making New Faces

- Face Hierarchy

- panes

- relative coordinates

- depth arrangement

- screen face

- window faces

- panels

- Face Functions

- Show Function for Display and Refresh

- Hide Function

- View and Unview

- view a window but continue evaluating code after the window is open. (view/new)

- open additional windows without closing the current window.

- Special Face Changes

- use the changes field to maximize a window

- offset, - the offset has changed.

- text, - the text has changed. This is used to update Window titles.

- activate activate (make it the system focus) the window on the screen.

- maximize expand the window to full screen size.

- minimize shrink the window to its minimum or iconic size.

- restore restore to the prior window size.

- Window Face Options

- Other Functions

- Face Contents

- the text, images, and edges that go inside a face.

- Face Effects

- dynamic modifications that can be made to faces.

- Other Special Features Iterated, Image, Scrolling Face

---

Draw

Draw Using Scalar Vector Graphics
Draw Examples Library Script Of Examples
How To Create A Graphics Banner

---

Images

Storing Image Files In A Script Embedded Images
Converting A Face To An Image
Scrolling An Image
To-Image Function Summary
Effect Lab Explore Image Effects
Image? Verify Data Is Image
Animation Library Script
Using Animated Gif Images
Zoom Animation Script By Maxim Olivier-Adlhoch

---

User Interface Events

All About Graphics System Events And How They Are Processed
How To Handle User Interface Events Mouse, Drag & Drop, Keyboard (older)
Drag And Drop See Gel Demo Example
Mouse Over Events
Responding To Special Events In GUI - "Feel"

---

Working With Text

Text In Fields Creating and using text fields.
Face Contents About the text, images, and edges that go inside a face.

- font face

- para facet object

- text caret

- text position mapping

- text highlighting

- text scrolling

- text sizing

Adding A Scrollbar To Text
HTML To Text

---

Styles

Quick Way To List Vid Gui Styles
How To Create And Use Fields
Simple Text Form Window

Menus

Text-Lists The Text-List & List
Buttons
Progess Bar

Changing Text Font Attributes

---

Layouts

Layout Function Summary The GUI face, a pane built from style description dialect.
Subpanels Multiple Layouts
Scrolling Panels Cookbook script to scroll a panel.
View Function
Resize - Digital Clock Example

---

Related

VID Usage Tutorial with Runnable Examples

Dynamic Layouts By Reboltutorial.com
View Usage Tips By codeconscious.com
Updating A Face In A Layout Clock Example, With do-events
Resizing Layouts Clock Example
In-built Colors Library Script
These scripts may be run directly from the Rebol Viewtop, the Rebol Folder, Tools:

Font Lab Script By Carl Sassenrath

Gradient Lab Script By Carl Sassenrath

View Notes By codeconscious.com

- interated or calculated face

- global event handler, persistent handlers, multiple windows

- trapping on window close

- scroll para, function creating text and scrolling text with scroll-para

Open Two Windows