日期:2014-05-17  浏览次数:20913 次

Windows Store apps开发[30]移动控件位置

注:本文由BeyondVincent(破船)原创首发

        转载请注明出处:BeyondVincent(破船)@DevDiv.com


今天看到坛子里有人问如何移动图片

http://www.devdiv.com/thread-135266-1-1.html 
    刚好小弟我略懂,就为大家写一个小示例:如何在画面中用手势移动一个控件的位置,就不多说原理,直接上代码和效果图,其实原理也很简单哦。要是不懂的话,跟帖,我会随时来解答滴。

这里有官方参考资料
http://msdn.microsoft.com/en-us/library/windows/apps/hh761498.aspx

1、新建一个Blank App

2、在MainPage.xaml文件中添加如下代码

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <Image Source="/Assets/1.jpg"
            ManipulationStarted="Image_ManipulationStarted_1"
            ManipulationDelta="Image_ManipulationDelta_1"
            ManipulationCompleted="Image_ManipulationCompleted_1" 
            ManipulationMode="All" 
            Margin="342,34,591,337">
        <Image.RenderTransform>
            <TranslateTransform x:Name="translateTransform"/>
        </Image.RenderTransform>
    </Image>
    <Image Source="/Assets/BeyondVincentWin8Logo.png" Height="100" Margin="568,658,0,10"
                    ManipulationStarted="Image_ManipulationStarted_1"
                    ManipulationDelta="Image_ManipulationDelta_1"
                    ManipulationCompleted="Image_ManipulationCompleted_1" 
                    ManipulationMode="All" >
                <Image.RenderTransform>
                    <Transl