Page 1 of 1

Working with Noesis Samples in Blend

Posted: 28 Sep 2020, 19:12
by noizex
Hello,
I have probably more XAML/Blend question, but maybe someone can point me in the right direction. I managed to open various samples in Blend and after installing needed NuGet it even shows the entire UI in Design view for MainWindow.xaml, and runs the UI sample just fine directly in Blend. What I have biggest problem with is understanding the entire flow of logic and various small effects that happen.

For example, Inventory - sample that I'm most focused on right now as it's very close to what I want to achieve - has a tooltip. It was extremely hard for me to correlate how this tooltip is triggered, but finally I found most of the logic and markup sits in Resources.xaml. As I'm totally new to Blend, I'd like to know how can I work with the code thats in Resources.xaml visually. I understand that I can only see in designer something that's a window or similar UI element, but I wonder - how was this example created initially? How someone designed and tested this tooltip, as I suppose it was not done entirely via code? Is there some way to refer to these things defined in Resources as ControlTemplates and see them in a way that allows working on specific element like a tooltip, inventory slot etc?

Re: Working with Noesis Samples in Blend

Posted: 29 Sep 2020, 13:33
by Noa3
this website helped me a lot to learn how to work with xaml in the fundamentals. you should work though all, the most stuff you can take directly in noesis too:
https://www.wpf-tutorial.com/

here is a wpf video tutorial wich was nice too:
https://www.youtube.com/watch?v=Vjldip8 ... l=AngelSix

after you got the wpf fundermentals, you need to learn how to work with the MVVP for your sake and how you integrate noesis.
whish you got luck on your journey! its a pretty hard way

Re: Working with Noesis Samples in Blend

Posted: 29 Sep 2020, 16:23
by sfernandez
In Blend when you are editing a window in the designer, next to the Properties you will find the Resources tab. Inside you will see a list of all ResourceDictionaries used by the xaml, and expanding a dictionary will show all the resources it defines. You can right-click on a template resource and select Edit to modify it in the designer/xaml editor.

For example if you open Inventory project, go to MainWindow.xaml, select Resources tab, expand Resources.xaml and Edit "Template.ItemToolTip" template you can see it in the designer. You can even go to Objects and Timeline and select "Anim.Show" and edit the animation created for showing the tooltip.

Re: Working with Noesis Samples in Blend

Posted: 29 Sep 2020, 19:08
by noizex
Thanks a lot, Noa3 & sfernandez! The Resources tab really works wonders, I don't know how I could miss it before - that's exactly what I had in mind when I wondered how this should work :) And big thanks for tutorials, I could definitely use getting some foundations in WPF as I feel I'm struggling a bit with these concepts, and learning some basics will help grasp what I see in these samples.

Re: Working with Noesis Samples in Blend

Posted: 30 Sep 2020, 13:57
by jsantos
this website helped me a lot to learn how to work with xaml in the fundamentals. you should work though all, the most stuff you can take directly in noesis too:
https://www.wpf-tutorial.com/

here is a wpf video tutorial wich was nice too:
https://www.youtube.com/watch?v=Vjldip8 ... l=AngelSix
By the way, thanks for these links! I think I am going to add them to our documentation.

If someone is interested in creating a similar tutorial adapted for Noesis we would pay for that work. Contact us if you are interested.