XAMLカスタムグリッドボーダー（dm77に似たカメラファインダー）

Question

私はZXing.Mobile用のカスタムビューファインダーを作ろうとしています。 dm77（Androidライブラリ）のビューファインダーに似ているはずです。

オリジナルファインダー画像

私はビューのために次のXAML定義があります：

<Grid Name="Overlay" Visibility="Visible"> 
    <Grid Background="Transparent"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="2*" /> 
      <RowDefinition Height="2*" /> 
      <RowDefinition Height="*" /> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="0.1*"/> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition Width="0.1*"/> 
     </Grid.ColumnDefinitions> 
     <Grid Grid.Row="1" Grid.Column="1" > 
      <Rectangle Stroke="Green" StrokeThickness="4" StrokeDashArray="2" /> 
     </Grid> 
    </Grid> 
</Grid> 

は、どのように私はビューの境界が正確にそれのように見えるようにすることができ、オリジナルでは、下図のようになります。写真にはありますか？

Answer 1

これらのコードを試してみてください。必要に応じて値を変更します。

<Grid Width="500" Height="500"> 
    <Line Stroke="Yellow" StrokeThickness="5" X2="100" HorizontalAlignment="Left" VerticalAlignment="Top"/> 
    <Line Stroke="Yellow" StrokeThickness="5" Y2="100" HorizontalAlignment="Left" VerticalAlignment="Top"/> 
    <Line Stroke="Yellow" StrokeThickness="5" X2="100" HorizontalAlignment="Right" VerticalAlignment="Top"/> 
    <Line Stroke="Yellow" StrokeThickness="5" Y2="100" HorizontalAlignment="Right" VerticalAlignment="Top"/> 
    <Line Stroke="Yellow" StrokeThickness="5" X2="100" HorizontalAlignment="Left" VerticalAlignment="Bottom"/> 
    <Line Stroke="Yellow" StrokeThickness="5" Y2="100" HorizontalAlignment="Left" VerticalAlignment="Bottom"/> 
    <Line Stroke="Yellow" StrokeThickness="5" X2="100" HorizontalAlignment="Right" VerticalAlignment="Bottom"/> 
    <Line Stroke="Yellow" StrokeThickness="5" Y2="100" HorizontalAlignment="Right" VerticalAlignment="Bottom"/> 
    <Line Stroke="Red" StrokeThickness="5" X2="500" VerticalAlignment="Center"/> 
</Grid>