图片控件| 学习笔记

简介: 快速学习图片控件。

开发者学堂课程【云·企业官网产品教程 图片控件】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/638/detail/10208


图片控件

 

内容设计:

一,如何添加图片

二,图片的设置

 

一,如何添加图片

点击左侧组件--图片,选择图片,单击添加到空白页面。

 

二,图片的设置

点击图片的设置按钮,样式中可以切换样式,有四种样式选择。

还可以设置填充方式:

等比缩放:

等比例进行放大与缩小,对图片清晰度影响最小,需要保持图片清晰度与内容完整性时,建议使用等比缩放。 

剪裁填充:

根据框架大小有一定的裁剪,如:左右裁剪,不影响图片清晰度,对图片完整性有一定影响。

拉伸填充:

图片根据框架的大小进行放大与缩小,图片本身不会被裁剪,对图片清晰度影响最大,一般不采用。

还可以设置边框的颜色,线宽,圆角。阴影的大小,模糊。

点击数据--更换图片--上传图片--继续添加图片--上传图片,图片被上传成功。

单击图片,确定,图片更换成功。

可设置图片标题,图片链接如页面,文章,产品,其他链接,弹出窗口,可设置打开方式,动效,排列,尺寸,位置。

设置好后点击保存,预览。点击图片可以跳转到页面中。

相关文章
C#WPF 图片在显示时没有问题,但在运行时图片显示不出来的解决
选中项目,点击右上角的显示全部文件按钮,会将默认隐藏的文件显示出来,选中所需图片,右键,添加到项目,然后选择图片查看属性,生成操作选择resource。完毕。本人目前的解决方案。
434 41
C#WPF 图片在显示时没有问题,但在运行时图片显示不出来的解决
|
6月前
|
JavaScript 容器
富文本的图片添加点击放大功能
思路:富文本加载后,dom出全部img元素,然后各自单独添加点击事件
248 3
|
6月前
|
前端开发 小程序
uniapp 将标题背景更换背景图片 完美解决(附加源码+实现效果图)
uniapp 将标题背景更换背景图片 完美解决(附加源码+实现效果图)
830 0
|
Windows 容器
一款简单的缩放拖拽图片控件
本文介绍一个针对 .NET 桌面应用程序的独立图片缩放拖拽显示控件 [SQPhoto](https://www.nuget.org/packages/SQPhoto/)。
192 0
一款简单的缩放拖拽图片控件
|
开发者
文字控件| 学习笔记
快速学习文字控件。
文字控件| 学习笔记
|
开发者
图片控件|学习笔记
快速学习图片控件
图片控件|学习笔记
|
开发者
文字控件|学习笔记
快速学习文字控件
文字控件|学习笔记
|
图形学
PPT制作三大技巧:图标 、图片背景透明和自动函数
PPT制作三大技巧:图标 、图片背景透明和自动函数
290 0
PPT制作三大技巧:图标 、图片背景透明和自动函数
|
架构师 开发者
图片和文字控件|学习笔记
快速学习图片和文字控件。