Forums | NoesisGUI

Welcome to our official discussion site. You’ll find topics on features, bugs, development, and general support here
https://www.noesisengine.com/forums/

Blend pathlistbox to unity

https://www.noesisengine.com/forums/viewtopic.php?t=244

Page 1 of 1

Blend pathlistbox to unity

Posted: 06 Dec 2013, 09:59
by picpic2006
Hello,

I tryed this morning to make a pathlistbox item in blend this is really cool for making orbital menu with dynamic items inside. But it appear in unity that noesis doesn't support yet this item. Can we hope to have this or is it a hard point for noesis.

Ps: I'm not a older user of bend and xaml so maybe you have an idee to acheave it with out this automatic process.

I use noesis since one month and i love it, it is really cool to acheive animation and gui by hand in blend, the only difficult is to understand the line between what we can acheive and not !

Re: Blend pathlistbox to unity

Posted: 08 Dec 2013, 20:23
by picpic2006
Hi,

I encount an another problem with opacity gradient mask for a listbox, i want that it fade from the top and the bottom of that listbox. I create an opacity gradient to fill the listbox in kaxaml it work well the same in blend.

But in unity my listbox have lots of items and scroll ! My gradient opacity mack follow my scrolled content it is strange.

I give you my xaml

"in this version i try to fill a grid that containt the listbox.
Code: Select all
<Grid
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	d:DesignWidth="640" d:DesignHeight="480" Width="640" Height="480">
	<Grid.Resources>
		<LinearGradientBrush x:Key="Brush1" EndPoint="284,410" StartPoint="28,-22">
			<GradientStop Color="Black" Offset="0.809"/>
			<GradientStop Offset="1"/>
			<GradientStop Color="Black" Offset="0.157"/>
			<GradientStop Color="#00000000" Offset="0"/>
		</LinearGradientBrush>
		<LinearGradientBrush x:Key="Brush2" EndPoint="0.5,38" MappingMode="Absolute" StartPoint="0,473">
			<GradientStop Color="Black" Offset="0.528"/>
			<GradientStop Offset="1"/>
			<GradientStop Color="#18494949" Offset="0.704"/>
			<GradientStop Color="#14000000" Offset="0.419"/>
			<GradientStop/>
		</LinearGradientBrush>
	</Grid.Resources>

	<Grid x:Name="LayoutRoot" Width="640" Height="480">
		<Grid Margin="207,39,253,31" Width="180" Height="410" OpacityMask="{DynamicResource Brush2}" HorizontalAlignment="Left" VerticalAlignment="Top">
			<ListBox Background="#FF8F8F8F" Foreground="#FFB9B9B9" IsSynchronizedWithCurrentItem="False" HorizontalAlignment="Left" VerticalAlignment="Top" Height="410" Width="180">
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
			</ListBox>
		</Grid>
	</Grid>
</Grid>
I should missing something

thanks

Re: Blend pathlistbox to unity

Posted: 09 Dec 2013, 23:12
by sfernandez
Hello,

I tryed this morning to make a pathlistbox item in blend this is really cool for making orbital menu with dynamic items inside. But it appear in unity that noesis doesn't support yet this item. Can we hope to have this or is it a hard point for noesis.

Ps: I'm not a older user of bend and xaml so maybe you have an idee to acheave it with out this automatic process.

I use noesis since one month and i love it, it is really cool to acheive animation and gui by hand in blend, the only difficult is to understand the line between what we can acheive and not !
PathListBox is not implemented in NoesisGUI, but looks interesting to add it as a future feature.

You would have to use the RenderTransform and RenderTransformOrigin properties to place your circular menu objects manually. For example:
Code: Select all
<Grid
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    
    <Grid Width="300" Height="300" Margin="100">
    	<Button Width="60" Height="50" Content="A" FontSize="25" VerticalAlignment="Top"
			RenderTransformOrigin="0.5,3">
    		<Button.RenderTransform>
    			<RotateTransform Angle="0"/>
			</Button.RenderTransform>
		</Button>
    	<Button Width="60" Height="50" Content="B" FontSize="25" VerticalAlignment="Top"
			RenderTransformOrigin="0.5,3">
    		<Button.RenderTransform>
    			<RotateTransform Angle="60"/>
			</Button.RenderTransform>
		</Button>
    	<Button Width="60" Height="50" Content="C" FontSize="25" VerticalAlignment="Top"
			RenderTransformOrigin="0.5,3">
    		<Button.RenderTransform>
    			<RotateTransform Angle="120"/>
			</Button.RenderTransform>
		</Button>
    	<Button Width="60" Height="50" Content="D" FontSize="25" VerticalAlignment="Top"
			RenderTransformOrigin="0.5,3">
    		<Button.RenderTransform>
    			<RotateTransform Angle="180"/>
			</Button.RenderTransform>
		</Button>
    	<Button Width="60" Height="50" Content="E" FontSize="25" VerticalAlignment="Top"
			RenderTransformOrigin="0.5,3">
    		<Button.RenderTransform>
    			<RotateTransform Angle="240"/>
			</Button.RenderTransform>
		</Button>
    	<Button Width="60" Height="50" Content="F" FontSize="25" VerticalAlignment="Top"
			RenderTransformOrigin="0.5,3">
    		<Button.RenderTransform>
    			<RotateTransform Angle="300"/>
			</Button.RenderTransform>
		</Button>
    </Grid>
	
</Grid>
circular_menu.png
circular_menu.png (6.21 KiB) Viewed 3408 times

Re: Blend pathlistbox to unity

Posted: 09 Dec 2013, 23:45
by sfernandez
Hi,

I encount an another problem with opacity gradient mask for a listbox, i want that it fade from the top and the bottom of that listbox. I create an opacity gradient to fill the listbox in kaxaml it work well the same in blend.

But in unity my listbox have lots of items and scroll ! My gradient opacity mack follow my scrolled content it is strange.

I give you my xaml

"in this version i try to fill a grid that containt the listbox.
Code: Select all
<Grid
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	d:DesignWidth="640" d:DesignHeight="480" Width="640" Height="480">
	<Grid.Resources>
		<LinearGradientBrush x:Key="Brush1" EndPoint="284,410" StartPoint="28,-22">
			<GradientStop Color="Black" Offset="0.809"/>
			<GradientStop Offset="1"/>
			<GradientStop Color="Black" Offset="0.157"/>
			<GradientStop Color="#00000000" Offset="0"/>
		</LinearGradientBrush>
		<LinearGradientBrush x:Key="Brush2" EndPoint="0.5,38" MappingMode="Absolute" StartPoint="0,473">
			<GradientStop Color="Black" Offset="0.528"/>
			<GradientStop Offset="1"/>
			<GradientStop Color="#18494949" Offset="0.704"/>
			<GradientStop Color="#14000000" Offset="0.419"/>
			<GradientStop/>
		</LinearGradientBrush>
	</Grid.Resources>

	<Grid x:Name="LayoutRoot" Width="640" Height="480">
		<Grid Margin="207,39,253,31" Width="180" Height="410" OpacityMask="{DynamicResource Brush2}" HorizontalAlignment="Left" VerticalAlignment="Top">
			<ListBox Background="#FF8F8F8F" Foreground="#FFB9B9B9" IsSynchronizedWithCurrentItem="False" HorizontalAlignment="Left" VerticalAlignment="Top" Height="410" Width="180">
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
				<Rectangle Fill="#FFF4F4F5" Stroke="Black" Width="150" Height="63"/>
			</ListBox>
		</Grid>
	</Grid>
</Grid>
I should missing something

thanks
Weird :?

That wrong behavior in our side denotes a bug, please report it in our bugtracker (bugs.noesisengine.com), so we can follow the status there.

Re: Blend pathlistbox to unity

Posted: 10 Dec 2013, 08:26
by picpic2006
Thanks i will try with rendertransform. I reported the bug, i had to create a new user, i hope it is the correct way.

Thanks you !

Re: Blend pathlistbox to unity

Posted: 10 Dec 2013, 11:06
by sfernandez
You reported the bug correctly, thanks ;)
All times are UTC+01:00
Page 1 of 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/