Reply to thread

Message

<blockquote data-quote="ge2301" data-source="post: 1118114" data-attributes="member: 145639">[USER=48495]@morpheus_xx[/USER]Trying to come more into xaml. More things became clear, but still hard because the complete structure is huge.Therefore I try to start with easy things.Blue=modifiedRed=not workingButtons.xaml&nbsp; &lt;!-- ***************************** Storyboards ******************************** --&gt;
&nbsp; &lt;ResourceWrapper x:Key=&quot;SquareButtonZoomCoefficient&quot; Resource=&quot;1.04&quot;/&gt;
&nbsp; &lt;ResourceWrapper x:Key=&quot;WideButtonZoomCoefficientX&quot; Resource=&quot;1.02&quot;/&gt;
&nbsp; &lt;ResourceWrapper x:Key=&quot;WideButtonZoomCoefficientY&quot; Resource=&quot;1.04&quot;/&gt;Currently wide and square buttons are separated, but even though the move-over sclaing effects differ a lot dependend on button size (e.g. Browse Folder in &quot;mediahub&quot;).Is it possible to to use instead of a scaling factor a fixed &quot;scaling-offset&quot; that is added to all directions? I was checking online, but couldn't find something comparable.&nbsp; &lt;!-- Home items button style --&gt;&nbsp; &lt;Style x:Key=&quot;HomeButtonControlStyle&quot; TargetType=&quot;{x:Type Control}&quot;&gt;&nbsp; &lt;Setter Property=&quot;Template&quot;&gt;&nbsp; &lt;Setter.Value&gt;&nbsp; &lt;ControlTemplate&gt;&nbsp; &lt;Border x:Name=&quot;ButtonControlRectangle&quot;&nbsp; IsVisible =&quot;False&quot;&nbsp; CornerRadius=&quot;{ThemeResource ButtonControlRadiusX}&quot;&nbsp; BorderBrush=&quot;{ThemeResource MediaItemsFocusedBorderBrush}&quot;&nbsp; BorderThickness=&quot;2.5&quot;&nbsp; Margin=&quot;-3&quot;/&gt;&nbsp; &lt;Border.Effect&gt;
&nbsp;&nbsp; &lt;BlurEffect Radius=&quot;10&quot;/&gt;
&nbsp; &lt;/Border.Effect&gt;&nbsp; &lt;/ControlTemplate&gt;&nbsp; &lt;/Setter.Value&gt;&nbsp; &lt;/Setter&gt;&nbsp; &lt;/Style&gt;Brushes.xaml&nbsp; &lt;ResourceWrapper x:Key=&quot;MediaItemsFocusedBorderBrush&quot;&gt;
&nbsp; &lt;LinearGradientBrush StartPoint=&quot;0,0&quot; EndPoint=&quot;1,1&quot;&gt;&nbsp;&nbsp; &lt;GradientStop Color=&quot;{ThemeResource HomeNonFocusedColor}&quot; Offset=&quot;0&quot;/&gt;
&nbsp; &lt;GradientStop Color=&quot;{ThemeResource TextColor}&quot; Offset=&quot;0.30&quot;/&gt;
&nbsp; &lt;GradientStop Color=&quot;{ThemeResource TextColor}&quot; Offset=&quot;0.70&quot;/&gt;
&nbsp; &lt;GradientStop Color=&quot;{ThemeResource HomeNonFocusedColor}&quot; Offset=&quot;1&quot;/&gt;
&lt;/LinearGradientBrush&gt;&lt;/ResourceWrapper&gt;For some reasons the gradient brush does not work. Visible is only the value of the stop at offset=&quot;1&quot;.I think since DX11 implementation this does not work any more and selectino borders are only grey.In case it can not be fixed, I'd set the border color better to &quot;TextColor&quot;Currently looks like this:[ATTACH]159805[/ATTACH]Edit:I just realized something interesting in above screenshot. The dropshadow of the huge &quot;browse media&quot; button is smaller than the button in terms of height. In your posted screenshot for backdrops I didn't see this. I can reproduce same after restart of MP2.</blockquote>

[QUOTE="ge2301, post: 1118114, member: 145639"] [USER=48495]@morpheus_xx[/USER] Trying to come more into xaml. More things became clear, but still hard because the complete structure is huge. Therefore I try to start with easy things. Blue=modified Red=not working [U]Buttons.xaml[/U] [INDENT]  <ResourceWrapper x:Key="SquareButtonZoomCoefficient" Resource="[COLOR=#0000ff][B]1.04[/B][/COLOR]"/> <ResourceWrapper x:Key="WideButtonZoomCoefficientX" Resource="[COLOR=#000000]1.02[/COLOR]"/> <ResourceWrapper x:Key="WideButtonZoomCoefficientY" Resource="[COLOR=#0000ff][B]1.04[/B][/COLOR]"/>[/INDENT] [I]Currently wide and square buttons are separated, but even though the move-over sclaing effects differ a lot dependend on button size (e.g. Browse Folder in "mediahub"). Is it possible to to use instead of a scaling factor a fixed "scaling-offset" that is added to all directions? I was checking online, but couldn't find something comparable.[/I] [INDENT] [/INDENT] <Style x:Key="HomeButtonControlStyle" TargetType="{x:Type Control}"> [INDENT] <Setter Property="Template">[/INDENT] <Setter.Value> <ControlTemplate> [INDENT] <Border x:Name="ButtonControlRectangle"[/INDENT] IsVisible ="False" CornerRadius="{ThemeResource ButtonControlRadiusX}" BorderBrush="{ThemeResource MediaItemsFocusedBorderBrush}" BorderThickness="[COLOR=#0000ff][B]2.5[/B][/COLOR]" Margin="[COLOR=#0000ff][B]-3[/B][/COLOR]"/> [INDENT][COLOR=#ff0000] <Border.Effect> <BlurEffect Radius="10"/> </Border.Effect>[/COLOR][/INDENT] </ControlTemplate> </Setter.Value> </Setter> </Style> [U]Brushes.xaml[/U] [INDENT] <ResourceWrapper x:Key="MediaItemsFocusedBorderBrush"> <LinearGradientBrush StartPoint="0,0" EndPoint="1,1"> [INDENT][COLOR=#ff0000] <GradientStop Color="{ThemeResource HomeNonFocusedColor}" Offset="0"/> <GradientStop Color="{ThemeResource TextColor}" Offset="0.30"/> <GradientStop Color="{ThemeResource TextColor}" Offset="0.70"/>[/COLOR] <GradientStop Color="{[COLOR=#0000ff]ThemeResource HomeNonFocusedColor[/COLOR]}" Offset="1"/>[/INDENT] </LinearGradientBrush></ResourceWrapper>[/INDENT] [I]For some reasons the gradient brush does not work. Visible is only the value of the stop at offset="1". I think since DX11 implementation this does not work any more and selectino borders are only grey. In case it can not be fixed, I'd set the border color better to "[COLOR=#0000ff]TextColor[/COLOR]"[/I] [I]Currently looks like this: [ATTACH]159805[/ATTACH][/I] [I]Edit: I just realized something interesting in above screenshot. The dropshadow of the huge "browse media"[/I] button is smaller than the button in terms of height. In your posted screenshot for backdrops I didn't see this. I can reproduce same after restart of MP2. [/QUOTE]

Verification