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>