图片控件|学习笔记

简介: 快速学习图片控件

开发者学堂课程·速成美图片控件笔记与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/566/detail/7742


图片控件


内容介绍:

一、图片控件


一、图片控件

如果需要添加一张图片,点击左侧的图片,找到图片,单击选择添加到空白区域点击图片的设置按钮可以切换样式,有以下样式可以选择

裁剪填充是通过控件的大小进行裁剪,不会影响图片的清晰图,但对于图片的完整性有影响;

拉伸填充是图片通过控件的大小进行放大或缩小,图片不会进行裁剪,对图片的清晰度影响最大;

等比缩放是通过图片进行等比例放大或缩小,对图片的清晰度影响最小,所以如想保持图片的清晰度,就建议选用等比缩放。

如果既想要保持图片的清晰度,又想要保持图片的完整性,尽量选择等比缩放 。

image.png

还可以设置边框,和阴影等数据。

点击数据可以更换图片,也可以上传新的图片,单击点击确定,图片就被更换好了,同时还可设置图片的标题链接(比如说页面文章产品、其他链接、或者弹出窗口)、也可以对图片的样式,数据动效,排列也可以进行尺寸设置,还有位置更改

设置好之后就可以进行保存,设置预览,此时点击这张图片,就可以跳到相应的页面,此时可以看到图片可以更换好了。

相关文章
C#WPF 图片在显示时没有问题,但在运行时图片显示不出来的解决
选中项目,点击右上角的显示全部文件按钮,会将默认隐藏的文件显示出来,选中所需图片,右键,添加到项目,然后选择图片查看属性,生成操作选择resource。完毕。本人目前的解决方案。
443 41
C#WPF 图片在显示时没有问题,但在运行时图片显示不出来的解决
|
6月前
|
JavaScript 容器
富文本的图片添加点击放大功能
思路:富文本加载后,dom出全部img元素,然后各自单独添加点击事件
256 3
|
Windows 容器
一款简单的缩放拖拽图片控件
本文介绍一个针对 .NET 桌面应用程序的独立图片缩放拖拽显示控件 [SQPhoto](https://www.nuget.org/packages/SQPhoto/)。
193 0
一款简单的缩放拖拽图片控件
|
开发者
文字控件| 学习笔记
快速学习文字控件。
文字控件| 学习笔记
|
开发者
文字控件|学习笔记
快速学习文字控件
文字控件|学习笔记
|
图形学
PPT制作三大技巧:图标 、图片背景透明和自动函数
PPT制作三大技巧:图标 、图片背景透明和自动函数
291 0
PPT制作三大技巧:图标 、图片背景透明和自动函数
|
开发者
图片控件| 学习笔记
快速学习图片控件。
|
架构师 开发者
图片和文字控件|学习笔记
快速学习图片和文字控件。
|
C++
duilib corner属性的贴图技巧——让图片自动贴到控件的的某一边或者一角并自适应控件的大小
转载请说明原出处,谢谢~~          Duilib给控件贴图功能可以附带多个属性,各个属性的配合可以达到许多效果。以下是duilib支持的所有贴图属性: 贴图描述:          Duilib的表现力丰富很大程度上得益于贴图描述的简单强大。
1813 0