0

MainPageでビデオブラシのスケール変換を決定するスライダーコントロールを作成しようとしていますが、このスライダーをビデオブラシの上に配置することが可能かどうか疑問に思っていました（フルスクリーンにしたい）？現在、画面の下部にある2つのボタンを除いて、ビデオブラシが画面全体を占めるレイアウトにグリッドを使用していますが、キャンバスを使用して、現在のスライダーを考慮した方法でこのスライダーを配置したいと思います。およびWindowsPhoneデバイスの将来の画面サイズ。スライダーに一定の寸法を設定せずにこれを正確に達成する方法がわかりません。たとえば、縦向きモードでは、スライダーを画面の下部近くに水平に配置し、左側と右側の間に50ピクセルのスペースを設けることができます。誰かがこれをどのように行うことができるかを手伝ってもらえますか？

編集

ビデオブラシの上に単一の子要素を配置すると機能しますが、エラーが発生する複数のスライダーを配置したいと思います。また、各スライダーの上下に情報を追加したかったので、これを行うためにスタックパネルを選択しました（ただし、子要素として1つのスタックパネルのみが許可されますか？）。

<Border x:Name="videoRectangle" Grid.Row="0" Grid.ColumnSpan="2" >
            <Border.Background>
                <VideoBrush  x:Name="viewfinderBrush">
                    <VideoBrush.RelativeTransform>
                        <CompositeTransform x:Name="viewfinderBrushTransform" CenterX=".5" CenterY=".5" Rotation="90" />
                    </VideoBrush.RelativeTransform>
                </VideoBrush>
            </Border.Background>

            <!--<StackPanel VerticalAlignment="Top">
                <TextBlock x:Name="resolutionValueTextBlock" HorizontalAlignment="Center" Text="{Binding Value, ElementName=resolutionSlider}"/>
                <Slider x:Name="resolutionSlider" HorizontalAlignment="Stretch" Margin="50,5,50,5"/>
                <TextBlock x:Name="resolutionTextBlock" HorizontalAlignment="Center" Text="resolution"/>
            </StackPanel>-->

            <StackPanel VerticalAlignment="Bottom">
                <TextBlock x:Name="zoomNumberTextBlock" HorizontalAlignment="Center" Text="{Binding Value, ElementName=zoomSlider}"/>
                <Slider x:Name="zoomSlider" HorizontalAlignment="Stretch" Margin="50,5,50,5"/>
                <TextBlock x:Name="zoomTextBlock" HorizontalAlignment="Center" Text="zoom"/>
            </StackPanel>

</Border>

可能であれば、両方のスタックパネルを使用できるようにしたいのですが、そうでない場合は、一番下のスタックパネルのみを使用する必要があると思います。

4

1 に答える 1

1

グリッドにとどまる：

<Grid>
    <Rectangle>
        <Rectangle.Fill>
            <VideoBrush ... />
        </Rectangle.Fill>
    </Rectangle>
    <Slider HorizontalAlignment="Stretch"
            VerticalAlignment="Bottom"
            Margin="50,5,50,5"/>
</Grid>
于 2012-07-31T08:53:56.943 に答える