picpic2006
Topic Author
Posts: 71
Joined: 07 Nov 2013, 15:59

Blend pathlistbox to unity

06 Dec 2013, 09:59

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 !
 
picpic2006
Topic Author
Posts: 71
Joined: 07 Nov 2013, 15:59

Re: Blend pathlistbox to unity

08 Dec 2013, 20:23

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.
<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
 
User avatar
sfernandez
Site Admin
Posts: 2984
Joined: 22 Dec 2011, 19:20

Re: Blend pathlistbox to unity

09 Dec 2013, 23:12

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:
<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 2506 times
 
User avatar
sfernandez
Site Admin
Posts: 2984
Joined: 22 Dec 2011, 19:20

Re: Blend pathlistbox to unity

09 Dec 2013, 23:45

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.
<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.
 
picpic2006
Topic Author
Posts: 71
Joined: 07 Nov 2013, 15:59

Re: Blend pathlistbox to unity

10 Dec 2013, 08:26

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 !
 
User avatar
sfernandez
Site Admin
Posts: 2984
Joined: 22 Dec 2011, 19:20

Re: Blend pathlistbox to unity

10 Dec 2013, 11:06

You reported the bug correctly, thanks ;)

Who is online

Users browsing this forum: Semrush [Bot] and 8 guests