Windows phone 之 UserControl的应用
一、新建一个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的应用的更多相关文章
- [個人紀錄] windows form , usercontrol design 模式不見
windows form 跟 usercontrol 都變成cs檔 無法點擊進入設計模式 <Compile Include="Form1.cs"/> <Compi ...
- silverlight ListBox 多列图片效果
这个功能之前用wpf写过一次这次用Silverlight写一次 这两种写法上基本上没有太大的差别 这个Demo并不完美,只是给大家提供一个思路 源码:SilverLightListPricture.r ...
- wpf中,一个简单的自定义treeview
首先创建一个自定义控件,在里面定义好treeview的样式,将本来的三角形的图标变为加号的图标,并且添加节点之间的连线. <UserControl x:Class="TreeViewE ...
- 基于WPF系统框架设计(9)-多值绑定之IMultiValueConverter
应用场景 我想把View层的一个布局控件和功能按钮传到ViewModel层,达到动态变更布局,同时灵活获取功能按钮的属性,让View和ViewModel完全分离,而不受View层影响. 最后我想到使用 ...
- WPF实现软键盘
wpf 实现一个软键盘, 先发个图: 工作有需要实现一个软键盘,本来想用windows自带的软键盘凑合凑合得了,又觉得那个软键盘太大了,所以自己实现了一个. 说一下实现的思路,其实没什么思路 界面就是 ...
- 用户控件的设计要点 System.Windows.Forms.UserControl
用户控件的设计要点 最近的项目中有一个瀑布图(彩图)的功能,就是把空间和时间上的点量值以图的形式呈现出来,如下图: X坐标为空间,水平方向的一个像素代表一个空间单位(例如50米) Y坐标为时间,垂直方 ...
- 背水一战 Windows 10 (77) - 控件(控件基类): ContentControl, UserControl, Page
[源码下载] 背水一战 Windows 10 (77) - 控件(控件基类): ContentControl, UserControl, Page 作者:webabcd 介绍背水一战 Windows ...
- Windows phone 自定义用户控件(UserControl)——ColorPicker
编码前 学习Windows phone自定义用户控件,在<WPF编程宝典>学习的小例子.并根据windows phone稍微的不同,做了点修改.ColorPicker(颜色拾取器):拥有三 ...
- [Windows Phone学习笔记]UserControl的使用
UserControl的使用 开发过程中,多个UI控件需要协同工作,相互交互之后,才可完成一个完整的业务需求,此时可把这些控件封装成为一个整体,相互之间的交互逻辑封装其中,外部调用可无需关心内部逻辑, ...
随机推荐
- 一个PHP书单 -摘自网络
# PHP <PHP程序设计>(第2版) –PHP语法和入门最好的书 <PHP5权威编程> –PHP入门后升级书 <深入PHP:面向对象.模式与实践>(第3版) – ...
- java 删除字符串中的特定字符
/** * Delete any character in a given String. * @param inString the original String * @param charsTo ...
- oracle 语句优化
1. 选用适合的ORACLE优化器 ORACLE的优化器共有3种: a. RULE (基于规则) b. COST (基于成本) c. CHOOSE (选择性) 设置缺省的优化器,可 ...
- 04、生成 HTMLTestRunner 测试报告
1.HTMLTestRunner 是 Python 标准库的 unittest 模块的一个扩展.它生成易于使用的 HTML 测试报告 1>下载HTMLTestRunner.py文件,地址为: h ...
- JavaEE自定义标签:标签类的创建、tld配置文件的创建(位置、如何创建)、Web-XML配置、JSP应用
1.标签 以类似于html标签的方式实现的java代码的封装. 第一:形成了开发标签的技术标准---自定义标签的技术标准. 第二:java标准标签库(sun之前自己开发的一系列的标签的集合)jstl, ...
- Java调用MySQL存储过程
Java调用MySQL的存储过程,需要用JDBC连接,环境eclipse 首先查看MySQL中的数据库的存储过程,接着编写代码调用 mysql> show procedure status; + ...
- 【转】YUV420P的格式以及转换为RGB565的代码(Android摄像头的输出一般为YUV420P)
http://blog.csdn.net/daisyhd/article/details/38866809 static void cvt_420p_to_rgb565(int width, int ...
- Highcharts可拖动式图表
Highcharts可拖动式图表 默认情况下,Highcharts依据给定的数据列生成图表. 浏览者是无法改动图表的. 假设浏览者须要手动调整数据节点.就须要借助第三方插件Draggable Poin ...
- getline和get的区别
#include<iostream> #include<fstream> #include<cstring> using namespace std; int ma ...
- AWVS介绍
使用AWVS对域名进行全局分析,深入探索: 首先,介绍一下AWVS这个工具. Acunetix Web Vulnerability Scanner(简称AWVS)是一款知名的网络漏洞扫描工具,它通过网 ...