XAML =网格中的对象不可见

时间:2014-12-21 12:11:04

标签: xaml

我正在学习XAML,我想创建简单的音乐播放器,但我有一点问题。如果我定义第二个,第三个...网格,则此网格中的对象不可见(仅在第一个网格中可见)。你可以帮帮我吗?

<StackPanel>
    <Grid>
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="75"></ColumnDefinition>
        <ColumnDefinition Width="75"></ColumnDefinition>
        <ColumnDefinition Width="75"></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
      </Grid.ColumnDefinitions>
      <Grid.RowDefinitions>
        <RowDefinition Height="53"></RowDefinition>
        <RowDefinition Height="75"></RowDefinition>
      </Grid.RowDefinitions>
      <Rectangle Fill="#333333"
                 HorizontalAlignment="Left"
                 Height="128"
                 Grid.RowSpan="2"
                 VerticalAlignment="Top"
                 Width="480"
                 Grid.ColumnSpan="4" />
      <Button CommandParameter="alarm"
              Click="PlaySound"
              VerticalContentAlignment="Center"
              Grid.Column="0"
              Grid.Row="1"
              Content="►"
              HorizontalAlignment="Center"
              VerticalAlignment="Center"
              Width="75"
              Height="75"
              Style="{StaticResource Rounded}"
              FontFamily="Arial"
              FontSize="20" />
      <Button VerticalContentAlignment="Center"
              Grid.Column="1"
              Grid.Row="1"
              Content=" ▌▌"
              HorizontalAlignment="Center"
              VerticalAlignment="Center"
              Width="75"
              Height="75"
              Style="{StaticResource Rounded}"
              FontFamily="Arial"
              FontSize="15" />
      <Button VerticalContentAlignment="Center"
              Grid.Column="2"
              Grid.Row="1"
              Content="■"
              HorizontalAlignment="Center"
              VerticalAlignment="Center"
              Width="75"
              Height="75"
              Style="{StaticResource Rounded}"
              FontFamily="Arial"
              FontSize="25" />
      <TextBlock Grid.Row="0"
                 HorizontalAlignment="Left"
                 TextWrapping="Wrap"
                 Text="song_name"
                 VerticalAlignment="Top"
                 Grid.ColumnSpan="3"
                 Height="53"
                 Width="auto"
                 FontSize="30"
                 Margin="12,0,0,0" />
    </Grid>
    <Grid>
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="75"></ColumnDefinition>
        <ColumnDefinition Width="75"></ColumnDefinition>
        <ColumnDefinition Width="75"></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
      </Grid.ColumnDefinitions>
      <Grid.RowDefinitions>
        <RowDefinition Height="53"></RowDefinition>
        <RowDefinition Height="75"></RowDefinition>
      </Grid.RowDefinitions>
      <Rectangle Fill="#333333"
                 HorizontalAlignment="Left"
                 Height="128"
                 Grid.RowSpan="2"
                 VerticalAlignment="Top"
                 Width="480"
                 Grid.ColumnSpan="4" />
      <Button CommandParameter="alarm"
              Click="PlaySound"
              VerticalContentAlignment="Center"
              Grid.Column="0"
              Grid.Row="1"
              Content="►"
              HorizontalAlignment="Center"
              VerticalAlignment="Center"
              Width="75"
              Height="75"
              Style="{StaticResource Rounded}"
              FontFamily="Arial"
              FontSize="20" />
      <Button VerticalContentAlignment="Center"
              Grid.Column="1"
              Grid.Row="1"
              Content=" ▌▌"
              HorizontalAlignment="Center"
              VerticalAlignment="Center"
              Width="75"
              Height="75"
              Style="{StaticResource Rounded}"
              FontFamily="Arial"
              FontSize="15" />
      <Button VerticalContentAlignment="Center"
              Grid.Column="2"
              Grid.Row="1"
              Content="■"
              HorizontalAlignment="Center"
              VerticalAlignment="Center"
              Width="75"
              Height="75"
              Style="{StaticResource Rounded}"
              FontFamily="Arial"
              FontSize="25" />
      <TextBlock Grid.Row="0"
                 HorizontalAlignment="Left"
                 TextWrapping="Wrap"
                 Text="song_name"
                 VerticalAlignment="Top"
                 Grid.ColumnSpan="3"
                 Height="53"
                 Width="auto"
                 FontSize="30"
                 Margin="12,0,0,0" />
    </Grid>
  </StackPanel>

屏幕:http://i.imgur.com/Wry3Zvl.png

1 个答案:

答案 0 :(得分:0)

您没有明确说明网格位置分配。

Grid.Row和Grid.Column在哪里?

<Rectangle Fill="#333333" HorizontalAlignment="Left" Height="128" Grid.RowSpan="2" VerticalAlignment="Top" Width="480" Grid.ColumnSpan="4"/>