xaml - Xamarin Forms 带边框的透明元素

Question

我正在使用 Frame在各种元素(Grid、StackLayout 和 ContentView)上创建边框，现在需要使元素透明；我尝试设置网格等的不透明度，但当然是 Frame颜色会影响实际的背景颜色。

<ContentPage BackgroundImage="some_image.png">
  <!-- ... -->
  <Frame BackgroundColor="Gray" Opacity="0.7" Padding="1" Margin="10">
    <Grid BackgroundColor="White" Opacity="0.7" Margin="20">
      <Label Text="..."/>
    </Grid>
  </Frame>
  <!-- ... -->
</ContentPage>

Grid按预期呈现，但现在框架灰色背景使白色网格显示为灰色。理想情况下，我想要一个带有纯灰色边框的白色透明网格，这在 Xamarin 中可行吗？

(我使用面向 iOS 和 Android 的共享 Xamarin 表单项目)

Answer 1

您可以设置 BackgroundColor到“透明”和 OutlineColor到“灰色”:

<ContentPage BackgroundImage="some_image.png">
  <!-- ... -->
  <Frame BackgroundColor="Transparent" OutlineColor="Gray" Opacity="0.7" Padding="1" Margin="10">
    <Grid BackgroundColor="White" Opacity="0.7" Margin="20">
      <Label Text="..."/>
    </Grid>
  </Frame>
  <!-- ... -->
</ContentPage>