当前位置:网站首页>Xaml gradient issue in uwp for some devices
Xaml gradient issue in uwp for some devices
2022-07-03 05:22:00 【French red wine sweet】
problem :
I'm using Page as landing screen in my app. I use in my application Page As login screen .XAML looks like this:XAML It looks like this :
<Grid x:Name="LayoutRoot"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="3*"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="7*"/> </Grid.RowDefinitions> <Rectangle StrokeThickness="0" Fill="#FF79D2F4" Margin="0,0,0,-10" Grid.RowSpan="2"/> <Rectangle StrokeThickness="0" Fill="#FF1F8CC5" Margin="0,-10,0,0" Grid.Row="2" Grid.RowSpan="2"/> <Image Source="ms-appx:///Assets/ViewMedia/Banners/Banner_Light_Big.jpg" Grid.Row="1" Grid.RowSpan="2"/> <Rectangle StrokeThickness="0" Grid.Row="2" Grid.RowSpan="2"> <Rectangle.Fill> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Offset="0"/> <GradientStop Color="#7F000000" Offset="1"/> </LinearGradientBrush> </Rectangle.Fill> </Rectangle> </Grid> <StackPanel MaxWidth="300" Margin="20,35" HorizontalAlignment="Stretch" VerticalAlignment="Bottom"> <Button x:Name="LoginButton" x:Uid="LoginButton" Style="{StaticResource BrandButtonStyle}" Margin="0,5" Click="LoginButton_Click"/> <Button x:Name="RegisterButton" x:Uid="RegisterButton" Style="{StaticResource BrandButtonStyle}" Margin="0,5" Click="RegisterButton_Click"/> </StackPanel></Grid>I've got 3 devices on which I'm running the app: I have a 3 Devices are running applications :
- Microsoft Lumia 950 XL [ M ] Microsoft Lumia 950 XL [ M ]
- Custom build PC [ PC ] Custom build PC [ PC ]
- Lenovo ThinkPad Tablet 2 [ T ] lenovo ThinkPad The tablet 2 [ T ]
When running the app this page renders well on M and PC but on TGradient and two Button s at the bottom are not rendered at all. When running the application , This page is on M and PC Good performance on , But in TGradient On , Two at the bottom Button It doesn't appear at all .I don't see them but I can press Button s and their tap event handlers will strike. I didn't see them , But I can press Button , Their click event handler will hit .But if I comment Rectangle with gradient everything is fine on all devices. But if I use gradients to comment Rectangle , Then everything on all the devices is fine .
This is how the app looks on T when using gradient. This is when the application uses gradients T Upper appearance .No buttons. No buttons .And gradient is also not visible. And the gradient is not visible .
This is how the app looks on T without gradient. This is the application without gradients in T Upper appearance .Buttons are in place. The button is in place .
And this is how it should look running on PC . This is how it should be PC On function .Buttons and gradient are visible. Buttons and gradients are visible .
I don't see any errors in output when running the app. When running the application , I don't see any errors in the output .I don't know why this happens only on specific devices. I don't know why this happens only on specific devices .Maybe this is kind of known issue? Maybe this is a well-known problem ?
UPDATE 1 to update 1
From users feedback, I can say that this bug hits only Atom-powered devices. From user feedback , I can say this bug Only attack Atom Driven devices .But I'm not sure if this is 100% true for all Atom-powered devices. But I'm not sure this is for all Atom Whether the driven equipment 100% real .
UPDATE 2 to update 2
I'd updated T with W10 from Insider Preview Fast Ring. I use Insider Preview Fast Ring Of W10 Updated T.The bug is in place. This bug It's in place .So this is not connected to OS builds. therefore , This is related to OS Construction is irrelevant .
UPDATE 3 to update 3
Switching Button s Style back to normal does not solve this. Switch Button Of Style Returning to normal will not solve this problem .So Style is good, it's not the cause.Style very good , It's not the reason .
Solution :
Reference resources : https://stackoom.com/en/question/2PvGp边栏推荐
- ES7 easy mistakes in index creation
- How to use source insight
- study hard and make progress every day
- Redis 过期淘汰机制
- Intégration profonde et alignement des séquences de protéines Google
- Common methods of JS array
- Go practice -- use redis in golang (redis and go redis / redis)
- Common interview questions of microservice
- es7创建索引容易犯的错误
- 微服务常见面试题
猜你喜欢

Botu uses peek and poke for IO mapping

About debugging the assignment of pagenum and PageSize of the formal parameter pageweb < T > (i.e. page encapsulation generic) in the controller

SimpleITK学习笔记

Gan network thought

Pan details of deep learning

(subplots usage) Matplotlib how to draw multiple subgraphs (axis field)

酒店公共广播背景音乐-基于互联网+的酒店IP网络广播系统设计

Skip table: principle introduction, advantages and disadvantages of skiplist

【实战项目】自主web服务器
![[set theory] relational power operation (relational power operation | examples of relational power operation | properties of relational power operation)](/img/8b/c10423ee95200a0d94f9fb9dde76eb.jpg)
[set theory] relational power operation (relational power operation | examples of relational power operation | properties of relational power operation)
随机推荐
Redis 击穿穿透雪崩
How to connect the network: Chapter 2 (Part 1): a life cycle of TCP connection | CSDN creation punch in
SimpleITK学习笔记
Introduction to rust Foundation (basic type)
Go language interface learning notes
JS string and array methods
穀歌 | 蛋白序列的深度嵌入和比對
请求数据库报错:“could not extract ResultSet; SQL [n/a]; nested exception is org.hibernate.exception.SQLGram
Pan details of deep learning
大学校园IP网络广播-厂家基于校园局域网的大学校园IP广播方案设计指南
Web APIs exclusivity
Redis 过期淘汰机制
Yolov5 input (I) -- mosaic data enhancement | CSDN creative punch in
[set theory] relation properties (transitivity | transitivity examples | transitivity related theorems)
Training method of grasping angle in grasping detection
Jetson AGX Orin 平台移植ar0233-gw5200-max9295相机驱动
leetcode860. Lemonade change
Deploy crawl detection network using tensorrt (I)
Gbase8s composite index (I)
小学校园IP网络广播-基于校园局域网的小学IP数字广播系统设计