Scripting

iramindustry

I am trying to create the Web Browser UI programmatically.

This is working fine:
var webbrowser = CreateComponent<UIWebBrowser>();

This is not, even if the last 2 parameters are true:
var webbrowser = NeoAxis.ComponentUtility.CreateComponent<UIWebBrowser>(null, false, true);

The reason why i am trying the second way is because CreateComponent is not available in the child script.

Is there a way to load a .ui file dynamically upon a button click?

betauser

Depending, how it will use related to another things, like scene. If need to add GUI with scene, then need to make 'UI Screen' property of the scene. Example: Samples\Starter Content\Scenes Test_TestSceneUI.scene and _TestSceneUI_Screen.ui.

To add GUI control to another:

parentControl.AddComponent( ResourceManager.LoadSeparateInstance<UIControl>( @"YourControlPath.ui", false, null ) );

iramindustry

Is it possible to rotate a 2D image?

betauser

UIImage.TextureCoordinatesRotation property.
For more advanced cases need to make inherit class for UIImage, override OnRenderUI method.
Or just draw images from other control from OnRenderUI method without using UIImage.

iramindustry

I realised that a Scene can get a Sprite which can be rotated easily.

I am rendering my objects using the .cs from a .ui.
Is it better to use a Scene instead? Can i achieve the same result?

iramindustry

I know we can assign an existing one by searching from the component:
var image = Components[ "PoweredBy_BlackBackground" ] as UIImage;

What is the best way to create a UIImage on the fly?

betauser

Scene and UI canvas are different ways. Sprite for scene, UIImage or OnRender for UI.
Depending on your task what is better, maybe better to draw everything from OnRender or maybe better to manage scene objects.

UIImage is a usual component. The parent is UI canvas or UI control inside the canvas.
https://www.neoaxis.com/docs/html/Scripting_Basic_Knowledge.htm#How_to_create_component

iramindustry

This is what i did, but the UIImage is not showing.

picture = CreateComponent<UIImage>();
picture.Name = "Test";
picture.SourceImage = Global.PreloadImage( Path.Combine("C:\", "Logo.png") );

picture.Margin = new UIMeasureValueRectangle(UIMeasure.Parent, 0, 0, 0, 0);
picture.Size = new UIMeasureValueVector2(UIMeasure.Pixels, 50, 50);

picture.Enabled = true;
picture.Visible = true;`

I know the image is loaded since i can see it using AddQuad to show it.

betauser

In usual case, resources must be placed in the Assets folder.

picture.SourceImage = ReferenceUtility.MakeReference(@"FoldersInsideAssets\Logo.png");

If need to use resources outside Asset (is not typical way), then need to create ImageComponent manually. ImageComponent is not just image, it is a GpuTexture.

iramindustry

The image files are inside the Assets folder, i used C:\ as an example only.

I can show the image by getting the ImageComponent from picture.SourceImage but that is done using AddQuad as 2D image.

It is the UIImage that is not showing up, something done wrong elsewhere?

betauser

What parent where CreateComponent called? Maybe the control is visible, but hidden by another UI control.

iramindustry

Tried to copy the codes into the different classes to see the output.

I have a class named as LowLevel which has it own .ui file. When i create the UIImage from it, the parent is LowLevelScreen.
This LowLevel class will run another new class (inherit NeoAxis.UIControl) during the startup. This is where i allow different scripts to be attached.
For example, if the new class is called WebBrowser, then the UIImage created is under WebBrowser. It cannot be seen.
As part of the init function of the new class, the UIContainer from LowLevel class is passed over.
Now if i create the UIImage as part of the UIContainer, then it can be seen.
Is this UIContainer the instance for the UIControl? I passed it over previously because of the background music playing.

iramindustry

Before waiting for the answers, i realised the rotation for UIImage is for the texture coordination only.

Anyone to rotate the whole image directly?

betauser

UIContainer is a root UIControl and the parent of all hierarchy. It is a root UIControl of the app. You can use it as a parent or make a child fullscreen UIControl for in-app logic (like UIWindow). You can save your screen control to a file, load it from the code when needed. Just ideas 🙂

WebBrowser draws his data same way, you can add child UIControl into it. Strange if it works different. Another way to add on upper level of the hierarchy.

UI controls are not supports rotation, they are rectangular. Maybe later. UIImage supports texture coordinates rotating.

iramindustry

Oh, interesting.

UIContainer is the root UIControl
From the UIControl, i can get the UIContainer using this.ParentContainer

The this.ParentControl is the immediate UIControl?
There are the Components like this.Parent, this.ParentRoot, they are not for UI?
Is it possible to get the child from an UIContainer?
For playing of song files, it needs to be done at the UIContainer? This is what i am doing.

betauser

By this.ParentContainer you get root control of the hierarchy, it is UIContainer. Not just near parent. Hm, maybe rename it to RootParentContainer..

UI system is based on the component system as other components. You can use Parent, Components properties. All controls on the screen inside one hierarchy.

Yes, this.ParentContainer.GetComponents().

You can be free from UI to play sounds. UIContainer.PlaySound is just useful method. Source code:

public virtual void PlaySound( string name )
{
  if( string.IsNullOrEmpty( name ) )
    return;

  var mode = Transform3D != null ? SoundModes.Mode3D : 0;
  SoundData sound = SoundWorld.SoundCreate( name, mode );
  if( sound == null )
    return;

  var channel = SoundWorld.SoundPlay( null, sound, EngineApp.DefaultSoundChannelGroup, 0.5, true );
  if( channel != null )
  {
    if( Transform3D != null )
      channel.Position = Transform3D.Position;
    channel.Pause = false;
  }
}

To play long ogg files add SoundModes.Stream flag.

iramindustry

Sorry, e.KeyCar cannot be compared with Ekeys.Return.
What is the correct way to do it?

UIEdit addressBox = (UIEdit)webWindow.GetComponent("Address Url"); if (addressBox != null ) { addressBox.KeyPressBefore += delegate (UIControl sender, KeyPressEvent e, ref bool handled) { if (e.KeyChar == EKeys.Return) { if (webBrowser != null) { webBrowser.LoadURL(addressBox.Text); webBrowser.Focus(); } handled = true; } } }

betauser

Use KeyDownBefore event.

iramindustry

Yes, already using that.
Missed out yesterday that Enum is a value so i cast it to char and able to compare with key value.