GUI Tool for Editing gui2::twidget

Discussion of all aspects of the game engine, including development of new and existing features.

Moderator: Forum Moderators

Post Reply
ancientcc
Posts: 24
Joined: April 16th, 2009, 10:07 am

GUI Tool for Editing gui2::twidget

Post by ancientcc »

Github: https://github.com/freeors/Rose
1: Download(Release Package)
  • Windows: Download rose-res directory from github. Run rose.exe.
    iOS: Require first compile. Application project is rose.xcodeproj(Uncompress Xcode-iOS.zip)
    Other platform: Require write application project file and compile.
I have change theme to use gui2::twidget, and get rid of gui::widget from the whole SDK. Windows that based gui2::twidget include tdialog and theme.

2: tdialog
The whole dialog is placed on one paper. Mini-map indicates the arthiture of dialog.

Start application, enter screen title, press "Start the dialog editor".
Image
Select: Change mouse from place to select..
Grid: Change place widget to "Grid".

Except above, Context menu is major area. It is switched base on which selected.
NONE
  • Run: Run current window cfg. Attention! Please define exitable widget, for example button that id is "ok" or "cancel".
    Zoom In, Zoom Out: Zoom draw panel.
    System: Load Window, Save Window, Change Resolution.
Window
  • Setting: Set window param. id, textdomain, automatic placement, etc.
    Linked group: Set usable linked_group.
Row
  • Setting: Set row's grow_factor.
    Insert top: Insert row at above.
    Insert bottom: Insert row at below.
    Erase: Erase this row.
    Copy: Copy this row to clipboard.
    Paste: Paste clipboard's row to it.
Column
  • Setting: Set column's grow_factor.
    Insert left: Insert column at left.
    Insert right: Insert column at right.
    Erase: Erase this column.
    Copy: Copy this column to clipboard.
    Paste: Paste clipboard's column to it.
Widget(Not spacer. Think spacer is empty)
  • Setting: Set widget param. id, linked_group, label, tooltip, etc.
    Erase: Change this widget to spacer.
    Copy: Copy this widget to clipboard.
spacer
  • Setting: Set spacer's width, height.
    Paste: Paste clipboard's widget to it.
Last edited by ancientcc on June 7th, 2015, 12:47 pm, edited 5 times in total.
ancientcc
Posts: 24
Joined: April 16th, 2009, 10:07 am

Re: GUI Tool for Editing gui2::twidget

Post by ancientcc »

3: theme
There are tow layer in a theme. First layer places top widgets, it is one paper only. Second layer is detail grid in a widget that is in first layer, it is same as dialog paper. "Switch" button (at bottom right) execute switching between first and second layer.

First layer must use "rect" to layout widgets. In theme, all widget can use "rect" to layout.

Rose supports derived resolution as wesnoth, and provides patch to impletement tune theme. For example normal and replay case in wesnoth.

Start application, enter screen title, press "Start the theme editor".
Image

Rect setting
Image
Last edited by ancientcc on June 7th, 2015, 1:15 pm, edited 1 time in total.
ancientcc
Posts: 24
Joined: April 16th, 2009, 10:07 am

Re: GUI Tool for Editing gui2::twidget

Post by ancientcc »

Use Rose Studio open wesnoth's dialog
  • 1: "System"-->"load", it will open "Browse" dialog.
    2: Select desire dialog cfg. Open.
Remark! Rose is different from wesnoth in some ways.
  • Rose doesn't support [multi_page], [repeating_button], [horizontal_listbox], [matrix].
    Rose's stacked_widget hasn't stack tag.
Below is mp_create_game.cfg.
Image
Post Reply