按鈕BorderColorGradientAndroid-有解無憂

我想創建這樣的環：按鈕 BorderColor Gradient Android （

這會很好，但我無法向中心添加文本。此外，這個洞的東西必須是可點擊的。

                    <Button Text="42"
                        FontSize="50"
                        TextColor="Black"
                        BorderColor="Chartreuse"
                        Background="Transparent"
                        CornerRadius="300"
                        WidthRequest="300"
                        HeightRequest="300"
                        BorderWidth="50">
                </Button>

按鈕 BorderColor Gradient Android

我認為要走的路是使用按鈕。不幸的是 BorderColor 不接受像上面這樣的漸變。

我對 Frame Control 進行了同樣的嘗試，但它也不接受 BorderColor 中的漸變！

我找到了一些使用自定義渲染器的 iOS 和 UWP 示例，但不適用于 Android。他們還對我不想要的漸變進行了硬編碼。我希望能夠根據中間的值更改漸變顏色。

也許有人可以指導我朝著正確的方向前進？

uj5u.com熱心網友回復：

您可以將 aLabel與您Ellipse使用的 Grid重疊，要可點擊，您可以使用GestureRecognizers：

  <Grid HorizontalOptions="Center">
       <Grid.GestureRecognizers>
                <TapGestureRecognizer Tapped="Button_Clicked"/>
        </Grid.GestureRecognizers>
            <Label Text="57" FontAttributes="Bold" FontSize="20" TextColor="Black" VerticalOptions="Center" HorizontalOptions="Center"/>
            <Ellipse StrokeThickness="15"
                     WidthRequest="150"
                     HeightRequest="300">
                <Ellipse.Stroke>
                    <LinearGradientBrush>
                        <GradientStop Color="Red"
                                      Offset="0.1" />
                        <GradientStop Color="DarkBlue"
                                      Offset="1.0" />
                    </LinearGradientBrush>
                </Ellipse.Stroke>
            </Ellipse>
        </Grid>

按鈕 BorderColor Gradient Android

要根據中間值更改顏色，請使用具有屬性的系結并管理代碼中的邏輯。

但是看到你想要創建它看起來有點復雜，如果你正在尋找一些高級/復雜的 UI 控制元件，那么最好使用skiasharp。

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/399696.html

標籤：C＃ xaml 沙马林 xamarin.forms

上一篇：如何創建小部件參考的映射？

下一篇：使用MVVM在Xamarin.Forms中系結屬性