一、新建一个UserControl.xaml页面  MyUserControl.xaml

添加代码如下:

<UserControl x:Class="bodypicture.MyUserControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="480" d:DesignWidth="480">

<Grid x:Name="LayoutRoot">
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="0,0,12,0">
            <Image Canvas.ZIndex="4" Name="image1"  Stretch="Fill" Width="200" Height="200" Margin="52,255,216,313">
                <Image.RenderTransform>
                    <SkewTransform AngleX="0" AngleY="0"  CenterX="0" CenterY="0"></SkewTransform>
                </Image.RenderTransform>
            </Image>
            <Image  Name="image2" Height="200" Stretch="Fill" Margin="252,256,66,312">
                <Image.RenderTransform>
                    <TransformGroup>
                        <SkewTransform AngleX="0" AngleY="-20" CenterX="0"  CenterY="0">
                        </SkewTransform>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
            <Image   Name="image3" Source="image/3.png"  Width="210" Height="50" Stretch="Fill" Margin="187,206,71,512">
                <Image.RenderTransform>
                    <TransformGroup>
                        <SkewTransform AngleX="-70" AngleY="0" CenterX="0"  CenterY="0">
                        </SkewTransform>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>
        </Grid>
    </Grid>
</UserControl>

这样就可以在另一个页面Page1.xaml直接引用该UserContro.xaml页面了。

二、在Page1.xaml页面中。

之前,添加命名空间

  xmlns:my="clr-namespace:bodypicture"
  <!--LayoutRoot 是包含所有页面内容的根网格-->
    <Grid x:Name="LayoutRoot"  Background="LightPink">
        <toolkit:GestureService.GestureListener>
            <toolkit:GestureListener DragStarted="OnGestureListenerDragStarted"
                                         DragDelta="OnGestureListenerDragDelta"
                                         DragCompleted="OnGestureListenerDragCompleted"
                                          />
        </toolkit:GestureService.GestureListener>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <!--ContentPanel - 在此处放置其他内容-->     ////就是这一句了××××××××××××××××××××××××××××××××××××××××××××
        <my:MyUserControl></my:MyUserControl>
    </Grid>

刚开始,我在Page1.xaml.cs

添加如下代码:

MyUserControl u = new MyUserControl();
 u.image1.Source = new BitmapImage(new Uri(image_array[imgi], UriKind.Relative));
 u.image2.Source = new BitmapImage(new Uri(image_array[imgj], UriKind.Relative));

运行程序,发现图片没有显示,经过若干挣扎。。才发现,

我不能这么写:MyUserControl u = new MyUserControl();因为这相当于重新实例化了一个类MyUserControl,不再是Page1.xaml的UserControl了,这样怎么会显示数据呢?

所以,修改如下:

 <my:MyUserControl x:Name="userControl"></my:MyUserControl>

给MyUserControl命名。

然后,在Page1.xaml.cs中就可以直接使用了,不用实例化了。

userControl.image1.Source = new BitmapImage(new Uri(image_array[imgi], UriKind.Relative));
userControl.image2.Source = new BitmapImage(new Uri(image_array[imgj], UriKind.Relative));

ok,图片成功显示。

当然,也可以在MyUserControl.XAML.CS页面中,定义属性。

        private string image11;

        public string Image1
        {
            get { return image11; }
            set
            {
                image11 = value;
                BitmapImage bit1 = new BitmapImage(new Uri(image11, UriKind.Relative));
                image1.Source = bit1;
            }
        }

        private string image22;

        public string Image2
        {
            get { return image22; }
            set
            {
                image22 = value;
                image2.Source = new BitmapImage(new Uri(image22, UriKind.Relative));
            }
        } 

这样,在Page1.xaml.cs中或者Page1.xaml中都可以使用Image1、Image2属性进行设置他们的图片来源。

这就需要根据情况进行选择了。

Windows phone 之 UserControl的应用的更多相关文章

  1. [個人紀錄] windows form , usercontrol design 模式不見

    windows form 跟 usercontrol 都變成cs檔 無法點擊進入設計模式 <Compile Include="Form1.cs"/> <Compi ...

  2. silverlight ListBox 多列图片效果

    这个功能之前用wpf写过一次这次用Silverlight写一次 这两种写法上基本上没有太大的差别 这个Demo并不完美,只是给大家提供一个思路 源码:SilverLightListPricture.r ...

  3. wpf中,一个简单的自定义treeview

    首先创建一个自定义控件,在里面定义好treeview的样式,将本来的三角形的图标变为加号的图标,并且添加节点之间的连线. <UserControl x:Class="TreeViewE ...

  4. 基于WPF系统框架设计(9)-多值绑定之IMultiValueConverter

    应用场景 我想把View层的一个布局控件和功能按钮传到ViewModel层,达到动态变更布局,同时灵活获取功能按钮的属性,让View和ViewModel完全分离,而不受View层影响. 最后我想到使用 ...

  5. WPF实现软键盘

    wpf 实现一个软键盘, 先发个图: 工作有需要实现一个软键盘,本来想用windows自带的软键盘凑合凑合得了,又觉得那个软键盘太大了,所以自己实现了一个. 说一下实现的思路,其实没什么思路 界面就是 ...

  6. 用户控件的设计要点 System.Windows.Forms.UserControl

    用户控件的设计要点 最近的项目中有一个瀑布图(彩图)的功能,就是把空间和时间上的点量值以图的形式呈现出来,如下图: X坐标为空间,水平方向的一个像素代表一个空间单位(例如50米) Y坐标为时间,垂直方 ...

  7. 背水一战 Windows 10 (77) - 控件(控件基类): ContentControl, UserControl, Page

    [源码下载] 背水一战 Windows 10 (77) - 控件(控件基类): ContentControl, UserControl, Page 作者:webabcd 介绍背水一战 Windows ...

  8. Windows phone 自定义用户控件(UserControl)——ColorPicker

    编码前 学习Windows phone自定义用户控件,在<WPF编程宝典>学习的小例子.并根据windows phone稍微的不同,做了点修改.ColorPicker(颜色拾取器):拥有三 ...

  9. [Windows Phone学习笔记]UserControl的使用

    UserControl的使用 开发过程中,多个UI控件需要协同工作,相互交互之后,才可完成一个完整的业务需求,此时可把这些控件封装成为一个整体,相互之间的交互逻辑封装其中,外部调用可无需关心内部逻辑, ...

随机推荐

  1. 一个PHP书单 -摘自网络

    # PHP <PHP程序设计>(第2版) –PHP语法和入门最好的书 <PHP5权威编程> –PHP入门后升级书 <深入PHP:面向对象.模式与实践>(第3版) – ...

  2. java 删除字符串中的特定字符

    /** * Delete any character in a given String. * @param inString the original String * @param charsTo ...

  3. oracle 语句优化

    1. 选用适合的ORACLE优化器         ORACLE的优化器共有3种: a. RULE (基于规则)   b. COST (基于成本) c. CHOOSE (选择性) 设置缺省的优化器,可 ...

  4. 04、生成 HTMLTestRunner 测试报告

    1.HTMLTestRunner 是 Python 标准库的 unittest 模块的一个扩展.它生成易于使用的 HTML 测试报告 1>下载HTMLTestRunner.py文件,地址为: h ...

  5. JavaEE自定义标签:标签类的创建、tld配置文件的创建(位置、如何创建)、Web-XML配置、JSP应用

    1.标签 以类似于html标签的方式实现的java代码的封装. 第一:形成了开发标签的技术标准---自定义标签的技术标准. 第二:java标准标签库(sun之前自己开发的一系列的标签的集合)jstl, ...

  6. Java调用MySQL存储过程

    Java调用MySQL的存储过程,需要用JDBC连接,环境eclipse 首先查看MySQL中的数据库的存储过程,接着编写代码调用 mysql> show procedure status; + ...

  7. 【转】YUV420P的格式以及转换为RGB565的代码(Android摄像头的输出一般为YUV420P)

    http://blog.csdn.net/daisyhd/article/details/38866809 static void cvt_420p_to_rgb565(int width, int  ...

  8. Highcharts可拖动式图表

    Highcharts可拖动式图表 默认情况下,Highcharts依据给定的数据列生成图表. 浏览者是无法改动图表的. 假设浏览者须要手动调整数据节点.就须要借助第三方插件Draggable Poin ...

  9. getline和get的区别

    #include<iostream> #include<fstream> #include<cstring> using namespace std; int ma ...

  10. AWVS介绍

    使用AWVS对域名进行全局分析,深入探索: 首先,介绍一下AWVS这个工具. Acunetix Web Vulnerability Scanner(简称AWVS)是一款知名的网络漏洞扫描工具,它通过网 ...