(RUS/ENG) Advanced controls


Go to page 1, 2  Next

Users browsing this forum: No registered users and 1 guest

Next topic
Previous topic
Post new topic Reply to topic  NeoAxis Forum Index » Additional » Community Projects, Add-ons & Code Samples
Search for:
Author Message

Joined: Thu Feb 03, 2011
Posts: 1305
PostPosted: Sun Feb 22, 2015 1:25 pm Post subject: (RUS/ENG) Advanced controls
Reply with quote Bottom of Page Back to top
Hi !
Today we are some of the work that Nuada and I have done on controls !
Thanks to Nuada for the Russian Translation ! :)

Just extract this in your bin ( place it there, then "Extract here") folder and it will be usable !

File comment: v5
AdvancedControls-V5.7z [312.31 KiB]
Downloaded 96 times


Samples are in Data\_ResourceEditorSamples\NewControls
Here a small presentation of Advanced Controls :


Всем привет.
Сегодня мы представляем часть работы над контролами, что мы с Nuada сделали.

Просто извлеките содержимое архива в папку Bin, и всё станет готово для использования.



ps: bonus feature: tilling + rotate !
Capture.PNG



Update 1:
We added alpha Background for scene box, so it can integrate better as an in-game GUI element
(/!\ a rendering bug in editor make you thing Alpha dosn't work, but it does work ingame )

Обновление 1: Мы добавили альфа фон для коробки сцены, так что он может лучше интегрироваться в качестве элемента GUI в игре

advanced scene box .png



Update 2:
I added Mask feature to controls ! :)

Обновление 2: я добавил маску черта для элементов управления

ControlMask.PNG



Update 3:
Ok guys, big update today, 2 new controls !
_1)Animated Cursor By Nuada
Simple and yet effective, having an animated cursor in you game will make it even cooler !
As it's not a simple Control you need some integration code, but don't worry, here it is ! ( also availliable in the ReadMe in the zip)
Code: Select all   Expand view
Implementation code for animated Cursor: 

1) Add a refencence to advanced control dll in Game project

2) in GameEngineApp.cs
  replace
    ScreenControlManager controlManager;
  by
    AdvancedScreenControlManager controlManager;

   2.1) in OnCreate method
       replace
        controlManager = new ScreenControlManager( ScreenGuiRenderer );
      by
        controlManager = new AdvancedScreenControlManager( ScreenGuiRenderer );
   
       after
        _ShowSystemCursor = _ShowSystemCursor;
      add
           controlManager.CursorFrameSize = 64; //size of cusor on sprite
         controlManager.CursorFrameCount = 18;//number of cursor on sprite
         controlManager.CenterCursor = true;  // if cursor should be rendered on topleft or center
         controlManager.CursorFPS = 24;  //cursor animation speed
         controlManager.CursorRenderFrameSize = 32; //render size, so you can have a big texture and change the size rendered
         controlManager.CurrentCursor = "GUI\\Cursors\\Animated.png"; //path to your cursor texture


_2)Advanced TextBox by Firefly:

New textBox support the following features :
-Cursor with Left/Right arrow + Back + Supp keys
- Also End and Home keys !
-Double click to select all text
-Copy,Cut and Past from clipboard, awesome for IP adress !


Ок, ребята, сегодня большое обновление: два новых контрола!
_1) анимированные курсоры от Nuada
Простые и эффективные в использовании, наличие их в вашем проекте сделает его ещё круче.
Так как это не обычный контролы, вам потребуется некоторая интеграция в код вашего прокта, но не волнуйтесь, вот она! (также есть в readme файле в zip-архиве)

_2) Новый textbox с поддержкой следующих возможностей:
-курсор, реагирующий на кнопки влево/вправо+назад+остальные спец-кнопки
-End-Home кнопки
-Двойной клик выделяет весь текст
-Работает копирование в/из буфера обмена - удобно для копирования IP, к примеру.

Update 4 :

File comment: v5
AdvancedControls-V5.7z [312.31 KiB]
Downloaded 96 times

Today i'm adding some new controls :

_1)AnimationControl:
Allow you to make simple animations directly in RE with simple configuration



_2)Responsive wrapper :
a bit complex to setup but really useful, it allow you to have different position and size setting based on the ratio of the window, it allow you to have a good disposition for full screen UI, either your customer has a 4/3 , 16/10 , 16/9 or 21/9 screen !


_3)AutoSizeControl:
this allow you to force the ratio(custom value) of the control, very useful for parent based size control, so your control will always be on the good ratio, you can choose to lock it on the height or width ! (it also allow you to not put Responsive Wrapper everywhere )


_4)ColorPicker from amtp :
Allow you to easilly pick the color of backgroundTexture


_5)AnimatedSprite : base code is from amtp:
As the name say, it allow you to make animated sprite easily for your GUI !


_6)BorderControl : render a clean 1px borderaround control
As Always, sample controls have been added !


_7)AdvancedListBox update : i've added an ItemSpacer value so you can force a space between 2 items of the list.

Как и обещалось, выложена новая версия AdvancedControls с 6-ю новыми элементами!
Главный пост обновлён, но здесь представлена презентация изменений:



Обновление 4:

File comment: v5
AdvancedControls-V5.7z [312.31 KiB]
Downloaded 96 times


Сегодня я добавил несколько новых элементов управления:

_1) Анимированный элемент управления(AnimationControl):
Позволяет сделать простую анимацию прямо в редакторе ресурсов(RE) с простой настройкой.

_2) Отзывчивая обёртка(Responsive wrapper):
Немного сложная для установки, но очень полезная, позволяет вам настраивать разные позиции и размеры, основанные на соотношении сторон окна. Она позволит настроить вид вне зависимости от пропорций разрешения экрана(4/3, 16/10, 16/9 или 21/9)!

_3) Авторазмерный элемент управления(AutoSizeControl):
Это позволит вам строго задать соотношение сторон элемента управления, очень полезно при наличии включённого параметра размера элемента управления в зависимости от размеров родительского элемента, то есть ваш элемент управления всегда будет с нужным соотношением сторон. Вы можете выбрать опцию блокировки ширины или высоты элемента!(это позволит избежать использования Responsive Wrapper везде)

_4) ColorPicker от amtp:
Позволяет вам легко получить цвет точки на текстуре, указанной в поле backgroundTexture.

_5) Анимированный спрайт(AnimatedSprite, код от amtp):
Название говорит само за себя.

_6) BorderControl:
Элемент, отрисовывающий всегда строго 1 пиксель границы вокруг себя.

_7) Расширенный список(AdvancedListBox), обновление:
Я добавил объект "пустого пространства", соотвественно вы можете задать строгое пустое пространство между двумя элементами списка.

Как всегда примеры элементов управления были добавлены!


old versions:



File comment: v1
AdvancedControls.7z [41.68 KiB]
Downloaded 169 times

File comment: v2
AdvancedControls-V2.7z [51.9 KiB]
Downloaded 245 times

File comment: v3
AdvancedControls-V3.7z [67.03 KiB]
Downloaded 93 times

File comment: v4
AdvancedControls-V4.7z [83.4 KiB]
Downloaded 96 times
 
 Profile  

Joined: Tue Sep 16, 2008
Posts: 1341
Location: Imatra
PostPosted: Mon Feb 23, 2015 5:15 am 
Reply with quote Bottom of Page Back to top
Looks good and useful.
I really like the rotate control.

 
 Profile  

Joined: Thu Feb 03, 2011
Posts: 1305
PostPosted: Mon Feb 23, 2015 9:49 pm 
Reply with quote Bottom of Page Back to top
First post edited to add dowload ! Enjoy ! :)

 
 Profile  

Joined: Thu Feb 03, 2011
Posts: 1305
PostPosted: Tue Feb 24, 2015 5:16 pm 
Reply with quote Bottom of Page Back to top
Russian text added for our friends that live in the other side of the forum :)

 
 Profile  

Joined: Fri Jun 07, 2013
Posts: 145
PostPosted: Tue Feb 24, 2015 5:18 pm 
Reply with quote Bottom of Page Back to top
Firefly wrote:
Russian text added for our friends that live in the other side of the forum :)

Sounds like "live at the other side of force. Dark side." :D

 
 Profile  

Joined: Thu Feb 03, 2011
Posts: 1305
PostPosted: Wed Feb 25, 2015 4:08 pm 
Reply with quote Bottom of Page Back to top
Here a screenshot of what can be easily achieved with new controls:
GameControl list use both MultiList and DualColunm !
Screenshot073.png


 
 Profile  

Joined: Thu Feb 03, 2011
Posts: 1305
PostPosted: Wed May 13, 2015 2:51 pm 
Reply with quote Bottom of Page Back to top
Updated to add Advanced SceneBox control

 
 Profile  

Joined: Sun Feb 16, 2014
Posts: 111
PostPosted: Mon Jun 15, 2015 4:33 pm 
Reply with quote Bottom of Page Back to top
You can learn how and what happens?
As podlyuchat "it" to the project?

 
 Profile  

Joined: Mon Nov 07, 2011
Posts: 51
Location: Nevyansk
PostPosted: Mon Jun 15, 2015 4:46 pm 
Reply with quote Bottom of Page Back to top
Nice!
Good work Firefly.

 
 Profile  

Joined: Thu Feb 03, 2011
Posts: 1305
PostPosted: Tue Jun 16, 2015 5:54 pm 
Reply with quote Bottom of Page Back to top
@De3DeR : Просто извлеките содержимое архива в папку Bin, и всё станет готово для использования.

 
 Profile  

Joined: Sun Feb 16, 2014
Posts: 111
PostPosted: Wed Jun 17, 2015 1:27 am 
Reply with quote Bottom of Page Back to top
No how to apply? Let's say I want to create a list of buttons for the Board(not fixed) ,how to create GUI understand how to code?

 
 Profile  

Joined: Thu Feb 03, 2011
Posts: 1305
PostPosted: Wed Jun 17, 2015 8:45 am 
Reply with quote Bottom of Page Back to top
huum.. check the exemples ! but here the steps :
1) Create a .gui file and choose button set it up as you like
2) where you want ( either new .gui file or existing), add an Advanced ListBox and define ItemButton slot with your custom button

3) code part, same as old list boxes ( you need to add a ref into visual studio to dll ) :
Code: Select all   Expand view
var advancedList= pageControls.Controls[ "Parent/myAdvancedListName" ] as AdvancedListBox;
advancedList.Items.Clear();
for(int i =0;i<10;i++)
{
    advancedList.Items.Add("Value "+i); // you can put objects in here with a good ToStringMethod, it will help you identify which object is clicked
}

 
 Profile  

Joined: Sun Feb 16, 2014
Posts: 111
PostPosted: Wed Jun 17, 2015 11:07 pm 
Reply with quote Bottom of Page Back to top
Thank you! Approximately understood.

 
 Profile  

Joined: Thu Feb 03, 2011
Posts: 1305
PostPosted: Fri Aug 14, 2015 9:32 am 
Reply with quote Bottom of Page Back to top
Hi guys, new update, you can create MaskControls now !
look at first post for more informations !

 
 Profile  

Joined: Thu Feb 03, 2011
Posts: 1305
PostPosted: Fri Sep 25, 2015 3:29 pm 
Reply with quote Bottom of Page Back to top
Adding Advanced textBox, with cursor and keybord feature ! ( Home, End, arrows for cusror, delete, Ctrl+V )


 
 Profile  
Display posts from previous:  Sort by  
Post new topic Reply to topic  NeoAxis Forum Index » Additional » Community Projects, Add-ons & Code Samples
Go to page 1, 2  Next

Jump to:  

Next topic
Previous topic
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum


All times are UTC




Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group