1

私はメトロアプリ開発に不慣れです。画像の右側に画像情報を含む数行のレイアウトが必要ですが、問題は最後の行に長い段落が含まれており、段落が折り返されていないことです

ここに私のXAMLがあります

<StackPanel x:Name="imagePanel" Grid.Row="2" Orientation="Horizontal">
                <Image x:Name="displayImage" Source="{Binding ImagePath}"/>
                <Grid Margin="20,0,0,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="20"/>
                        <RowDefinition Height="20"/>
                        <RowDefinition Height="20"/>
                        <RowDefinition Height="20"/>
                        <RowDefinition Height="20"/>
                        <RowDefinition Height="20"/>
                        <RowDefinition Height="20"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock TextWrapping="Wrap" Text="Title" Style="{StaticResource CaptionTextBlockStyle}"/>
                    <TextBlock TextWrapping="Wrap" Text="{Binding Title}" Style="{StaticResource BodyTextBlockStyle}" Margin="10,0,0,30"/>
                    <TextBlock TextWrapping="Wrap" Text="Vintage" Style="{StaticResource CaptionTextBlockStyle}"/>
                    <TextBlock TextWrapping="Wrap" Text="{Binding Vintage}" Style="{StaticResource BodyTextBlockStyle}" Margin="10,0,0,30"/>
                    <TextBlock TextWrapping="Wrap" Text="Status" Style="{StaticResource CaptionTextBlockStyle}"/>
                    <TextBlock TextWrapping="Wrap" Text="{Binding Status}" Style="{StaticResource BodyTextBlockStyle}" Margin="10,0,0,30"/>
                    <TextBlock TextWrapping="Wrap" Text="Synopsis" Style="{StaticResource CaptionTextBlockStyle}"/>
                    <TextBlock TextWrapping="Wrap" Text="{Binding Description}" Style="{StaticResource BodyTextBlockStyle}" Margin="10,0,0,30" />
                </Grid>
            </StackPanel>

外側が画像とグリッドの 2 つの項目を含むスタック パネルであることがわかるように、グリッド内の行を一覧表示したいので、4 つの情報を含む 8 つの行を作成します。最後の情報は、a の説明です。長いテキストですが、XAML の上では、画像の横にテキストが重なっています。

ありがとう。

4

2 に答える 2

1

こんにちは、cs ファイルからコントロールに幅を割り当てることができます: XAML:

CS: this.InitializeComponent(); txt_disc.Width = Window.Current.Bounds.Width;

于 2013-11-10T14:34:42.587 に答える
1

Grid.RowTextBlock にプロパティを設定して、次の行に移動する必要があります-

<TextBlock  Grid.Row="1"/>
<TextBlock  Grid.Row="2"/>
<TextBlock  Grid.Row="3"/>

また

代わりにそれらをstackPanelに入れるだけで、自動的に垂直方向になります-

<StackPanel>
   <Image/>
   <TextBlock/>
   <TextBlock/>
   <TextBlock/>
   <TextBlock/>
   <TextBlock/>
   <TextBlock/>
   <TextBlock/>
   <TextBlock/>
</StackPanel>
于 2013-11-10T14:08:20.107 に答える