UWPWP8.1 基础控件—

Image是UWP和WP8.1中系统自带的图片展示器。

具有较强的性能，使用也是非常的简单。

使用方式分为在XAML中，在C#代码中。

XAML中：

在XAML中使用方式非常简单。

常用XAML

Source ：图片的地址

X:Name：当前控件的名称。

Tag：携带标签内容

Tapped ：单击当前控件时

C# 代码中

            //实例化一个ImageImage my_img = new Image();

在C#中新建一个IMAGE则是非常简单的。新建IAMGE之后添加到面板空间就可以了。

   //添加this.Content = my_img;

在c#中Image使用较难的时Source的添加。

image的Source的类型是ImageSouce类型。

第一种方法是直接添加到Source，第二种是使用BItmapImage添加。

先说第一种直接添加

            //实例化一个ImageImage my_img = new Image();//控制透明度1~0my_img.Opacity = 0.5;//使用BitMaPImagemy_img.Source = new BitmapImage(new Uri("ms-appx:///A23.jpg", UriKind.RelativeOrAbsolute));//添加this.Content = my_img;

其实这种方法也是使用BItMAPiMAGE 的，但是相对简单，NEW一下使用uri的绝对值就可以了。

这种方法在当前程序包内有需要使用的图片时可以使用。

第二种BitmapImage

这种方法需要从文件方式打开图片的时候使用。

          //Openfile 代表你要打开的文件。 var iFile =await   StorageFile.GetFileFromPathAsync("OpenFile");//实例化BitmapImageBitmapImage bit = new BitmapImage();//异步加载源，异步打开文件的随机访问流await bit.SetSourceAsync(await iFile.OpenAsync(FileAccessMode.ReadWrite));//实例化一个ImageImage my_img = new Image();//控制透明度1~0my_img.Opacity = 0.5;//使用BitMaPImage加载my_img.Source = bit;//添加this.Content = my_img;

基础的Image基本这么多了。

进阶Image适用方法。

问：在有屏幕触摸的情况下如何放大或者缩小图片？

答：我会两种方式。

一种是将图片加载到WebIView中，使用WEBview 自带的可以随意放大缩小图片。不过这其中涉及到HTML语言的使用。

而且使用WEBview加载本地图片也有周多不变。考虑到加载图片可以使用http://www.cnblogs.com/T-ARF/p/6430787.html这篇文章中WEBVIEW使用附加属性的方式来加载图片。会简单许多。

第二种是使用scrollViewer

这个是直接在XAML使用

       <ScrollViewer ZoomMode="Enabled" ><Image Source="搜狗截图17年04月16日2032_1.bmp"/></ScrollViewer>

效果使用模拟器模拟触摸

转载于:https://www.cnblogs.com/T-ARF/p/6727157.html

UWPWP8.1 基础控件——Image相关推荐

UWPWP8.1 基础控件—TextBlock和TextBox
TextBlock:文本展示控件,有着强大的功能 TextBox:文本输入控件. 这两个控件是最为常用的基础控件. TextBlock 基础用法: 打开一个UWP项目,在XAML设计页面你可以从工具箱 ...
UWPWP8.1 基础控件——Border
border 是边框控件 border是UWP和WP8.1最常用的控件之一. border字面意义是用来添加边框的. 基础用法 <border BorderThickness="1&q ...
UWPWP8.1 基础控件—Button
Button作为最常用的控件,没有特别难的用法,是一个非常简单,可以很快就掌握的控件. Button 基础用法: 同样,在UWP项目中,可以从工具箱中拖拽到面板中进行使用.也可以使用XAML语法进行编 ...
UWPWP8.1 基础控件——Grid
Grid是一个面板控件 Grid是UWP和WPF,WP8.1中最重要的一个控件,相当相当重要. 他是一个面板控件,是用来添加其他控件但是呢用法确实简单的很. 大概就这个样子. 你用工具箱拖, ...
Android中的基础控件TextView、Button、ImageView、EditText、ProgressBar
文章目录 1 Android中的基础控件 1.1 控件的通用属性 2 TextView 2.1 TextView的继承关系 2.2 TextView的常用属性 3 EditText 3.1 常用属性 ...
Android:基础控件按键文本框输入框制作登录页面
基础控件之Button,TextView,EditText,ImageView Button:按键 TextView:文本框 EditText:输入框 ImageView:图片那我们新建一个工程研究 ...
003 Android之线性布局与基础控件
文章目录 Android快速入门三步布局介绍 LinearLayout布局属性代码示例基础控件 TextView和EditText 使用TextView与EditText ImageView I ...
WPF 基础控件之 GroupBox样式
其他基础控件 1.Window 2.Button 3.CheckBox 4.ComboBox 5.DataGrid 6.DatePicker 7.Expander GroupBox控件修改Style需 ...
iOS界面设计之基础控件的学习 --- UITextField
学习iOS界面设计也有段时间了,每次写到一些基础控件(如:UILable . UITextField)的时候就深觉应该总结一个函数来实现这些基础控件的属性设置,所以下面就是我对UITextField的 ...

UWPWP8.1 基础控件——Image

UWPWP8.1 基础控件——Image相关推荐

最新文章

热门文章