How can I prevent applying ScaleTranform for children controls (From its Parent control) in windows store app in c++

Question

HI,

How can I prevent applying ScaleTranform for children controls (From its Parent control) in windows store app in c++

Answer 1

Do you mean that you want to scale a container but leave the children unscaled?

There isn't an automatic way to do this, but you could scale the parent up and apply an inverse scaling to the children so they end up their original size.

--Rob

Answer 2

hi Rob,

please provide me example for reverse scaling.

regards,

sarath s

Answer 3

Revers scaling in windows store app

Answer 4

When you multiply the parent's Scaling factors, divide the child's by the same amount. Depending on what effect you are looking for you may also want to de-scale the child's position:

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Canvas Background="LightBlue" Margin="371,203,358,155"
                ManipulationMode="Scale"
                ManipulationDelta="Canvas_ManipulationDelta_1"
                >
            <Canvas.RenderTransform>
                <ScaleTransform />
            </Canvas.RenderTransform>
            <Rectangle x:Name="blueRect" Height="100" Width="100" Fill="DarkBlue" Stroke="White" Canvas.Left="270" Canvas.Top="149">
                <Rectangle.RenderTransform>
                    <ScaleTransform />
                </Rectangle.RenderTransform>
            </Rectangle>
        </Canvas>
    </Grid>

void InverseScale::MainPage::Canvas_ManipulationDelta_1(Platform::Object^ sender, Windows::UI::Xaml::Input::ManipulationDeltaRoutedEventArgs^ e)
{
	// Scale the canvas per the manipulation
	UIElement^ canvas = safe_cast<UIElement^>(sender);
	ScaleTransform^ trans = safe_cast<ScaleTransform^>(canvas->RenderTransform);
	trans->ScaleX *= e->Delta.Scale;
	trans->ScaleY *= e->Delta.Scale;

	// Scale the rectangle the other direction
	ScaleTransform^ trans2 = safe_cast<ScaleTransform^>(blueRect->RenderTransform);
	trans2->ScaleX /= e->Delta.Scale;
	trans2->ScaleY /= e->Delta.Scale;
	
	// Scale the rectangle's position within the Canvas
	double x = safe_cast<double>(blueRect->GetValue(Canvas::LeftProperty));
	double y = safe_cast<double>(blueRect->GetValue(Canvas::TopProperty));
	blueRect->SetValue(Canvas::LeftProperty,x / e->Delta.Scale);
	blueRect->SetValue(Canvas::TopProperty,y / e->Delta.Scale);
}

--Rob

Answer 5

hi rob,

                   thnkz...

Regards,

Sarath s