uwp 的个人名片

xml code
----------------------------------------------------------------------
  <Page
    x:Class="AdaptiveLayout.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:AdaptiveLayout"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
 
    <Grid x:Name="GridRootLayout" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Margin="12">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup>
                <VisualState >
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="769" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Target="GridRootLayout.HorizontalAlignment" Value="Left"></Setter>
                        <Setter Target="GridRootLayout.VerticalAlignment" Value="Top"></Setter>
                        <Setter Target="GridRootLayout.Width" Value="320"></Setter>
                        <Setter Target="GridRootLayout.Height" Value="640"></Setter>
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="2.5*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="3*"></RowDefinition>
        </Grid.RowDefinitions>
 
        <Grid Grid.Row="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="Auto"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <FontIcon Grid.Column="0" Glyph="" />
            <TextBlock Grid.Column="1" Style="{StaticResource SubtitleTextBlockStyle}" HorizontalAlignment="Left">个人名片</TextBlock>
            <TextBlock Grid.Column="2" Style="{StaticResource CaptionTextBlockStyle}" VerticalAlignment="Center" >编辑</TextBlock>
        </Grid>
 
        <Grid Grid.Row="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>
            </Grid.RowDefinitions>
            <Ellipse Grid.Row="1" Width="60" Height="60"  >
                <Ellipse.Fill>
                    <ImageBrush ImageSource="Assets/xingzheng.jpg" ></ImageBrush>
                </Ellipse.Fill>
            </Ellipse>
            <StackPanel Grid.Row="2" Orientation="Horizontal" HorizontalAlignment="Center">
                <TextBlock Style="{StaticResource SubtitleTextBlockStyle}" VerticalAlignment="Center">邢政</TextBlock>
                <FontIcon Glyph=""></FontIcon>
            </StackPanel>
            <StackPanel Grid.Row="3" Orientation="Horizontal" HorizontalAlignment="Center">
                <TextBlock Style="{StaticResource BodyTextBlockStyle}" Foreground="LightGray">易信号:</TextBlock>
                <TextBlock Style="{StaticResource BodyTextBlockStyle}"  Foreground="LightGray">manupstairs</TextBlock>
            </StackPanel>
        </Grid>
 
        <Grid Grid.Row="2" BorderThickness="0,0,0,1" BorderBrush="#EEEEEE">
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition Width="5*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <TextBlock VerticalAlignment="Center">星级</TextBlock>
            <FontIcon Grid.Column="1" Glyph="" HorizontalAlignment="Left" />
        </Grid>
        <Grid Grid.Row="3" BorderThickness="0,0,0,1" BorderBrush="#EEEEEE">
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition Width="5*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <TextBlock VerticalAlignment="Center">二维码</TextBlock>
            <FontIcon Grid.Column="1"  Glyph="" HorizontalAlignment="Left"></FontIcon>
        </Grid>
        <Grid Grid.Row="4" BorderThickness="0,0,0,1" BorderBrush="#EEEEEE">
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition Width="5*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <TextBlock VerticalAlignment="Center">地区</TextBlock>
            <TextBlock Grid.Column="1" VerticalAlignment="Center">上海</TextBlock>
        </Grid>
        <Grid Grid.Row="5" BorderThickness="0,0,0,1" BorderBrush="#EEEEEE">
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition Width="5*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <TextBlock VerticalAlignment="Center">朋友圈</TextBlock>
            <Image Grid.Column="1" Source="Assets/Square44x44Logo.png" HorizontalAlignment="Left" ></Image>
        </Grid>
    </Grid>
</Page>
 
 
 
<Page    x:Class="AdaptiveLayout.MainPage"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:local="using:AdaptiveLayout"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    mc:Ignorable="d">
    <Grid x:Name="GridRootLayout" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Margin="12">        <VisualStateManager.VisualStateGroups>            <VisualStateGroup>                <VisualState >                    <VisualState.StateTriggers>                        <AdaptiveTrigger MinWindowWidth="769" />                    </VisualState.StateTriggers>                    <VisualState.Setters>                        <Setter Target="GridRootLayout.HorizontalAlignment" Value="Left"></Setter>                        <Setter Target="GridRootLayout.VerticalAlignment" Value="Top"></Setter>                        <Setter Target="GridRootLayout.Width" Value="320"></Setter>                        <Setter Target="GridRootLayout.Height" Value="640"></Setter>                    </VisualState.Setters>                </VisualState>            </VisualStateGroup>        </VisualStateManager.VisualStateGroups>        <Grid.RowDefinitions>            <RowDefinition Height="Auto"></RowDefinition>            <RowDefinition Height="2.5*"></RowDefinition>            <RowDefinition Height="*"></RowDefinition>            <RowDefinition Height="*"></RowDefinition>            <RowDefinition Height="*"></RowDefinition>            <RowDefinition Height="*"></RowDefinition>            <RowDefinition Height="3*"></RowDefinition>        </Grid.RowDefinitions>
        <Grid Grid.Row="0">            <Grid.ColumnDefinitions>                <ColumnDefinition Width="Auto"></ColumnDefinition>                <ColumnDefinition Width="*"></ColumnDefinition>                <ColumnDefinition Width="Auto"></ColumnDefinition>            </Grid.ColumnDefinitions>            <FontIcon Grid.Column="0" Glyph="" />            <TextBlock Grid.Column="1" Style="{StaticResource SubtitleTextBlockStyle}" HorizontalAlignment="Left">个人名片</TextBlock>            <TextBlock Grid.Column="2" Style="{StaticResource CaptionTextBlockStyle}" VerticalAlignment="Center" >编辑</TextBlock>        </Grid>
        <Grid Grid.Row="1">            <Grid.RowDefinitions>                <RowDefinition Height="*"></RowDefinition>                <RowDefinition Height="Auto"></RowDefinition>                <RowDefinition Height="*"></RowDefinition>                <RowDefinition Height="*"></RowDefinition>            </Grid.RowDefinitions>            <Ellipse Grid.Row="1" Width="60" Height="60"  >                <Ellipse.Fill>                    <ImageBrush ImageSource="Assets/xingzheng.jpg" ></ImageBrush>                </Ellipse.Fill>            </Ellipse>            <StackPanel Grid.Row="2" Orientation="Horizontal" HorizontalAlignment="Center">                <TextBlock Style="{StaticResource SubtitleTextBlockStyle}" VerticalAlignment="Center">邢政</TextBlock>                <FontIcon Glyph=""></FontIcon>            </StackPanel>            <StackPanel Grid.Row="3" Orientation="Horizontal" HorizontalAlignment="Center">                <TextBlock Style="{StaticResource BodyTextBlockStyle}" Foreground="LightGray">易信号:</TextBlock>                <TextBlock Style="{StaticResource BodyTextBlockStyle}"  Foreground="LightGray">manupstairs</TextBlock>            </StackPanel>        </Grid>
        <Grid Grid.Row="2" BorderThickness="0,0,0,1" BorderBrush="#EEEEEE">            <Grid.ColumnDefinitions>                <ColumnDefinition></ColumnDefinition>                <ColumnDefinition Width="5*"></ColumnDefinition>            </Grid.ColumnDefinitions>            <TextBlock VerticalAlignment="Center">星级</TextBlock>            <FontIcon Grid.Column="1" Glyph="" HorizontalAlignment="Left" />        </Grid>        <Grid Grid.Row="3" BorderThickness="0,0,0,1" BorderBrush="#EEEEEE">            <Grid.ColumnDefinitions>                <ColumnDefinition></ColumnDefinition>                <ColumnDefinition Width="5*"></ColumnDefinition>            </Grid.ColumnDefinitions>            <TextBlock VerticalAlignment="Center">二维码</TextBlock>            <FontIcon Grid.Column="1"  Glyph="" HorizontalAlignment="Left"></FontIcon>        </Grid>        <Grid Grid.Row="4" BorderThickness="0,0,0,1" BorderBrush="#EEEEEE">            <Grid.ColumnDefinitions>                <ColumnDefinition></ColumnDefinition>                <ColumnDefinition Width="5*"></ColumnDefinition>            </Grid.ColumnDefinitions>            <TextBlock VerticalAlignment="Center">地区</TextBlock>            <TextBlock Grid.Column="1" VerticalAlignment="Center">上海</TextBlock>        </Grid>        <Grid Grid.Row="5" BorderThickness="0,0,0,1" BorderBrush="#EEEEEE">            <Grid.ColumnDefinitions>                <ColumnDefinition></ColumnDefinition>                <ColumnDefinition Width="5*"></ColumnDefinition>            </Grid.ColumnDefinitions>            <TextBlock VerticalAlignment="Center">朋友圈</TextBlock>            <Image Grid.Column="1" Source="Assets/Square44x44Logo.png" HorizontalAlignment="Left" ></Image>        </Grid>    </Grid></Page>