用户控件缩放 Windows Phone 8.1

Question

我创建了自己的UserControl（自定义加载动画）当我将我的用户控件放到页面时，我想缩放我的用户控件内的所有组件。用户控件包含椭圆、矩形和双动画逻辑。

<UserControl
x:Class="UC_test"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:WP_Eq_App"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="200"
d:DesignWidth="200">

<Grid x:Name="mainGrid">
    <Grid.RowDefinitions>

        <RowDefinition Height="Auto" />
        <!--<<< Will resize to the size of contents -->

    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>

    </Grid.ColumnDefinitions>

    <Ellipse x:Name="MainEl" RenderTransformOrigin=".5,.5"  Fill="Transparent" HorizontalAlignment="Left" Height="150"  StrokeThickness="5"  Stroke="Black" VerticalAlignment="Top" Width="150" Margin="0,0,0,0"/>


</Grid>
</UserControl>

请帮我解决这个简单的例子。谢谢。

Answer 1

如果您希望内容自动缩放，您应该将其放在 ViewBox 控件中。

<UserControl
x:Class="UC_test"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:WP_Eq_App"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="200"
d:DesignWidth="200">
    <ViewBox>
        <Ellipse x:Name="MainEl" RenderTransformOrigin=".5,.5"  Fill="Transparent" HorizontalAlignment="Left" Height="150"  StrokeThickness="5"  Stroke="Black" VerticalAlignment="Top" Width="150" Margin="0,0,0,0"/>
    </ViewBox>
</UserControl>

ViewBox 控件可以有 1 个子控件，因此如果您想放入更多控件，请将它们包装在 Grid 或 StackPanel.

中

用户控件缩放 Windows Phone 8.1

UserControl scaling Windows Phone 8.1

c#

user-controls

windows-phone-8.1

uwp

uwp-xaml