A multi-platform .NET UI framework. -!-!-!-!- VOTE FOR SUPPORT IN RIDER: https://youtrack.jetbrains.com/issue/RIDER-39247 -!-!-!-!-
@grokys if drag and drop still not works for you please send me a PM so we can debug the problem and find the reason for this.
Guys.. i am trying to create Map control in Avalonia using GMap
the problem is i want to translate the GMap image stream in to ImageSource, and then later on want to to transmit on the canvas
code snippet looks like this:
public SharpDX.Direct2D1.ImageSource FromStream(System.IO.Stream stream)
{
var imagingFactory = new wic.ImagingFactory2();
var type = stream.ReadByte();
stream.Position = 0;
wic.BitmapDecoder bitmapDecoder = new wic.PngBitmapDecoder(imagingFactory);
var wicPixelFormat = wic.PixelFormat.Format32bppPRGBA;
var inputStream = new wic.WICStream(imagingFactory, stream);
bitmapDecoder.Initialize(inputStream, wic.DecodeOptions.CacheOnLoad);
var formatConverter = new wic.FormatConverter(imagingFactory);
formatConverter.Initialize(bitmapDecoder.GetFrame(0), wicPixelFormat);
{
var imagingFactory = new wic.ImagingFactory2();
var type = stream.ReadByte();
stream.Position = 0;
wic.BitmapDecoder bitmapDecoder = new wic.PngBitmapDecoder(imagingFactory);
var wicPixelFormat = wic.PixelFormat.Format32bppPRGBA;
var inputStream = new wic.WICStream(imagingFactory, stream);
bitmapDecoder.Initialize(inputStream, wic.DecodeOptions.CacheOnLoad);
var formatConverter = new wic.FormatConverter(imagingFactory);
formatConverter.Initialize(bitmapDecoder.GetFrame(0), wicPixelFormat);
//translage it to image source
ImageSource src = null;
return src;
}
so basically this function converts Stream of GMap in to the ImageSource and then target it to on the rendering surface. Does anyone have idea how can i move ahead? Any hint/direction to look forward?
@grokys you around, I think we are forgetting to invalidate layout / measure when styles change / get applied
its basically #1436
I'm submitting a simple repro now
im hoping I might be able to fix it myself
here is the repro branch
AvaloniaUI/Avalonia@a58a171
i'll post a gif to show you what happens:
if you can see the borders are not recalculated.. my style looks like this
<Style Selector="TabStripItem:selected">
<Setter Property="Background" Value="#AA0000" />
<Setter Property="Foreground" Value="{DynamicResource ApplicationAccentBrushLight}" />
<Setter Property="BorderThickness" Value="1 0 1 1" />
<Setter Property="Margin" Value="0 -1 0 0" />
</Style>
so style here affects measure / layout
ok
If I resize window to trigger layout pass it fixes it
where in code should I look to trigger InvalidateLayout / measure?
i think the problem might be here: https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Controls/Border.cs#L46
ok I will try fixing it thanks :)
@grokys changed to
static Border()
{
AffectsRender(BackgroundProperty, BorderBrushProperty);
AffectsMeasure(BorderThicknessProperty);
}
and now I have this...
isn't that the same? can't quite tell
no, before the unselected tab kept its borders
now they correctly dissapear
the only thing remaining is that the margin of the selected tabstripitem gets set to -1 on the top and border thickness 0 on the top
so that it looks like the main red area and the button are one
so its a partial improvement
what if you add border thickness to
AffectsRender too? i don't think that will change anything, but worth a try
no doesn't do anything
how would you debug the render pass to check if its redrawing controls in the wrong z-order?
this line should order controls according to z-order
cheers
here are the tests for that class: https://github.com/AvaloniaUI/Avalonia/blob/master/tests/Avalonia.Visuals.UnitTests/Rendering/SceneGraph/SceneBuilderTests.cs
there should definitely be tests to check the z-order
ok so its not likely that then?
no, i mean there are no tests for that currently, we should definitely add some
oh ok
not sure how i missed that
ok so I have a little more info
this is the layout of the window
<DockPanel Margin="10">
<TabStrip Name="toolStrip" DockPanel.Dock="Bottom" ClipToBounds="False" Focusable="false" ZIndex="1">
<TabStrip.Items>
<TabStripItem>
<TextBlock Text="Item1" />
</TabStripItem>
<TabStripItem>
<TextBlock Text="Item2" />
</TabStripItem>
</TabStrip.Items>
</TabStrip>
<Border BorderThickness="1" BorderBrush="Black">
<Grid Background="#AA0000" />
</Border>
</DockPanel>
when set a conditional bp on the lin you suggested to check that the visual == DockPanel
and I click the tab,
the bp doesn't get hit
however when I resize the page it does
how do I make it use direct renderer instead?
found that
@grokys If I switch off DefferedRendering it works
possibly the dirty rects don't take into account a margin of -1?
ahhh yeh that might be it?
where should I look for that?
oh there is a ZIndex check, phew: https://github.com/AvaloniaUI/Avalonia/blob/master/tests/Avalonia.Visuals.UnitTests/Rendering/SceneGraph/SceneBuilderTests.cs#L209
this test checks the dirtyrect for margin changes https://github.com/AvaloniaUI/Avalonia/blob/master/tests/Avalonia.Visuals.UnitTests/Rendering/SceneGraph/SceneBuilderTests.cs#L566
maybe make a copy of that and check for negative margins?
ok
dirty rects are in global coordinates
ok so in DIPs but X,Y position is from TopLeft of the main window / toplevel?
yeah
this was my test seems to pass
using (TestApplication())
{
Decorator decorator;
Border border;
Canvas canvas;
var tree = new TestRoot
{
Width = 100,
Height = 100,
Child = decorator = new Decorator
{
Margin = new Thickness(0, 10, 0, 0),
Child = border = new Border
{
Background = Brushes.Red,
Child = canvas = new Canvas(),
}
}
};
var layout = AvaloniaLocator.Current.GetService<ILayoutManager>();
layout.ExecuteInitialLayoutPass(tree);
var scene = new Scene(tree);
var sceneBuilder = new SceneBuilder();
sceneBuilder.UpdateAll(scene);
var borderNode = scene.FindNode(border);
var canvasNode = scene.FindNode(canvas);
Assert.Equal(Matrix.CreateTranslation(0, 10), borderNode.Transform);
Assert.Equal(Matrix.CreateTranslation(0, 10), canvasNode.Transform);
border.Margin = new Thickness(0, -1, 0, 0);
border.BorderThickness = new Thickness(1, 0, 1, 1);
layout.ExecuteLayoutPass();
scene = scene.CloneScene();
sceneBuilder.Update(scene, border);
var rects = scene.Layers.Single().Dirty.ToArray();
Assert.Equal(new[] { new Rect(0, 9, 100, 91) }, rects);
}
if you agree the numbers look correct?
main change was this..
border.Margin = new Thickness(0, -1, 0, 0);
border.BorderThickness = new Thickness(1, 0, 1, 1);
if you look closely on that the dirty rect does seem to cover the top border
so must not be dirty rects
damn
do you think my conclusion that its the deffered renderer is right, or is it just that direct renderer triggers a layout / measure pass each time?
honestly i'm not sure
the direct renderer doesn't trigger a layout each time
any way to pass a full pass from border?
just to check
the black part of the border that remains is not from the border of the tab item
I changed the tabitems border to blue
so I guess that pointing to a zorder issue?
of your snippet, why is the tab cntrol zindex 1?
i mean, in the test, is it necessary?
which line are you referring to?
<TabStrip Name="toolStrip" DockPanel.Dock="Bottom" ClipToBounds="False" Focusable="false" ZIndex="1">
oh
for the repro, is that zindex necessary?
that's what makes the tabstrip (the tab buttons) get rendered over the control area at the top
its necessary
if I take that out then it always looks like the last screenshot I posted
controls at top? you mean the fps display?
no
the main red area
that's what the z-order does
needs to be draw behind the tab buttons at the bottom to make the effect work
tabstrip doesn't contain the content area
ahh, the red is from the border
okay, didn't get that part :)
will shut up now :)
:)
its ok
cna't resist: if you remove the border, and the zindex, does it work ok then?
no
it renders correctly when it does a full layout pass
just not when tab changes at runtime
@grokys does deffered renderer have to take into account z-order to recompose the final bitmap? like maybe this is a layers issue? How can order that the bitmaps are composited in deffered renderer?
layers should only be created with animated opacity so they shouldn't come into it
you might want to try adding a
Debug.WriteLine at the top of https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Visuals/Rendering/DeferredRenderer.cs#L246
and outputting the result of
node.Visual.GetType().Name or something
that way you can see what order stuff is being drawn in?
first pass:
MainWindow
Border
AdornerDecorator
ContentPresenter
DockPanel
Border
Grid
TabStrip
ItemsPresenter
WrapPanel
TabStripItem
ContentPresenter
TextBlock
TabStripItem
AdornerLayer
changing selected tab
MainWindow
Border
AdornerDecorator
ContentPresenter
DockPanel
Border
Grid
TabStrip
ItemsPresenter
WrapPanel
TabStripItem
ContentPresenter
TextBlock
TabStripItem
ContentPresenter
TextBlock
AdornerLayer
looks ok
damn...
sorry, got to go right now, will be back in a bit
good luck! :D
@danwalmsley any luck?
Unfortunately no
I'm out of ideas now
i might be able to look at it later, not sure. i think what i'd start off doing is logging the actual drawing calls
@grokys ok well if you do get a chance there is a repro branch here, https://github.com/AvaloniaUI/Avalonia/compare/repro/1436-layout-not-done-after-style-applied
@wieslawsoltes do you by anychance have a behaviour so you can say open a Window and Close it via databinding from a viewmodel?
No
But should not be that hard to make
and hook to event
ok will try it
@grokys / @wieslawsoltes if I have a property like this:
public static readonly AvaloniaProperty<Type> WindowTypeProperty =
AvaloniaProperty.Register<OpenCloseWindowBehavior, Type>(nameof(WindowType), defaultBindingMode: BindingMode.TwoWay);
public Type WindowType
{
get => GetValue(WindowTypeProperty);
set => SetValue(WindowTypeProperty, value);
} <i:Interaction.Behaviors>
<beh:OpenCloseWindowBehavior DataContext="ModalDialog" IsOpen="{Binding IsVisible}" WindowType="cont:ModalDialog" />
</i:Interaction.Behaviors>WindowType="cont:ModalDialog"
isn't accepted by XAML parser
what would the syntax be to pass a type here?
{x:Type cont:ModalDialog} ?
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
thanks works perfectly
:)
:smile:
does AvaloniaObject.SetAndRaise(...) return true if it changed or what is the condition?
@JCBurnside what are you trying to do?
it returns true if the value was changed
I was making a UserControl (a pretty simple one) and noticed that it had it.
I just wanted to make sure it did what I thought it did.
its a bit unusual to use AvaloniaObject directly though
well I didn't look if anything along the inheritance tree overwrote it before it got to UserControl
so technically I am using UserControl.SetAndRaise
normally for stuff on usercontrol you would have DataContext set to a class that inherits something like ReactiveObject, and then call this.SetAndRaise()
unless your doing something unusual that might require code behind
?
I don't think I am doing anything that unusual. https://github.com/JCBurnside/AvaloniaIRC/blob/master/AvaloniaIRC/ScrollingText.xaml.cs
ah I see your using the control itself as datacontext
yeap.
would you be happy for me to suggest an improvement, to help you code that in the way avalonia is designed to work?
go right ahead
2 secs while I type this in ;)
ok
I pushed a small refactor
if you take a look, in user controls you
shouldn't use AvaloniaProperty
its kind of overkill
so what iv done is created a
ScrollingTextViewModel class which contains your properties
I see. that is much cleaner.
it inherits
ReactiveObject which implement INPC for you :)
its not far off what you had
but that's more they way avalonia is designed to work
:)
normally for my VM's I implement INPC myself (because that is what I am used to doing)
let me know if you run into any trouble or have any questions, I hope it makes things easier for you
you can do that
if you want
avalonia wont care how its implemented :)
do you mind if I just pull that in?
of course not
iv not tested it
but go for it
id imaging you can make the same change for your main window
too
yes I probably will at some point
yeah the question of adding properties to a control vs using a view model is a bit of a tricky one
it's kind of like you need to categorize stuff into "controls" and "views"
but the boundary isn't always clear
I'm trying to fix AvaloniaUI/Avalonia#1484 and am failing
I can't find a way to discover the parent of a popup
butting in, but if you are authoring a control you wouldn't normally create a vm would you? Is AvaloniaProperty not inspired by DependencyProperty (btw http://avaloniaui.net/guides/quickstart is returning 404)
@yowl it is not unusual to have internal vms inside a user control in wpf
ok, thinking about it, the more complicated the control I suppose that makes sense.
yeah, as i say @yowl it's kinda unclear, i tend to go on a control-by-control basis
and then change my mind
@ahopper
popup.Parent?
i assume you've seen that and it's not what you want though ;)
ahh, I'll try that then :)
so do both the logical and visual tree stop at each popup as you walk up the tree?
I have a fairly clean fix for just one level of popup inside a popup but I guess there could be many levels
yeah... kinda. the logical and visual tree stops at
PopupRoot but the PopupRoot still inherits styles and property values
by overriding
(if i'm remembering correctly - it's been a while)
so to find if a popuproot is a distant child of another popuproot will probably be more than one line of code?
yeah but it should still be pretty simple. you should just be able to go up the
IStyleHost.StylingParent chain
ok cheers, just making sure I wasn't missing something simple
dear avalonia Gurus, one question regarding view model
public class ClientsDetailViewModel : ViewModelBase
{
public IBitmap ImgSource { get; set; }
public ClientsDetailViewModel()
{
Task.Run(async () =>
{
ImgSource = new Bitmap("Before.jpg"); // This displayes image in Image control
await Task.Delay(5000);
ImgSource = new Bitmap("After.png"); //Nothing happens, Image control still displays Before.jpg
});
}
{
public IBitmap ImgSource { get; set; }
public ClientsDetailViewModel()
{
Task.Run(async () =>
{
ImgSource = new Bitmap("Before.jpg"); // This displayes image in Image control
await Task.Delay(5000);
ImgSource = new Bitmap("After.png"); //Nothing happens, Image control still displays Before.jpg
});
}
Why Image control only gets updated once when i use Tasks
this is problem of all other controls, label, list etc. same behaviour
this is problem of all other controls, label, list etc. same behaviour
The ImgSource property isn't raising the PropertyChanged event so Avalonia doesn't know that the value has changed and that it needs to update.
@achal7
private IBitmap _imgSource;
public IBitmap ImgSource
{
set => this.RaiseAndSetIfChanged(ref _imgSource, value);
get => _imgSource;
}
should fix your issue
Yes, just tried and indeed problem is fixed.
but still, why do we need to write this boilerplate code.
IBitmap ImgSource { get; set; } already updates the control, then why it doesnt work 2nd time?
IBitmap ImgSource { get; set; } already updates the control, then why it doesnt work 2nd time?
i know about standard WPF and property changed, notification thingi
but thats the whole point, if get;set works 1st time without above polution then why not 2nd time
but thats the whole point, if get;set works 1st time without above polution then why not 2nd time
its because the UI the View (XAML) when it loads
it calls the getter to read the value
so it gets it the first time
but after that at runtime, the view wont read the getter unless it has an event to tell it that property has changed
thanks for the explanation, its once time service, after that self service :)
no problem :)
@grokys @kekekeks if I wanted to use Window as a Modal Dialog
how can I assign my main window as its parent
so that if I click that it puts my dialog window in front?
@danwalmsley really not sure, my win32 foo kinda sucks :(
@ahopper maybe we should be making
PopupRoot a logical child of Popup, i've wondered this many times
not done it mainly because WPF doesn't do it
In winapi modals are created by calling https://msdn.microsoft.com/en-us/library/windows/desktop/ms646291(v=vs.85).aspx on parent windows and opening child window
can any top level window type other than popup be a child of popup?
oh i remember why
PopupRoot isn't the logical child of Popup
because if you have say:
<Popup>
<Button>Hello</Button>
</Popup>
then the
Button is the logical child of the popup
@ahopper did you mean "can any top level window type other than popup root be a child of popup"?
the answer is no - it's always a
PopupRoot: https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Controls/Primitives/Popup.cs#L193
I really was thinking out loud and wondering if the same problem with nested popups can happen with anything else nested in a popup that puts a break in the visual tree
i don't think we have anything else currently