图片和文字控件|学习笔记

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

开发者学堂课程【网站架构师 CUED 训课程图片和文字控件】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/548/detail/7549


图片和文字控件

 

内容简介:

一、图片控件

二、文字控件

 

一、图片控件

在组件里面直接找到图片的控件,有两种常规图片,还有动态的图片效果。

首先选一个常规图片,选中之后,直接在空白处鼠标左击,图片就会弹出,然后我们可以直接选择图片库里已经有的图片,也可以上传本地的图片,直接选择一个图片,点击确定,这样就会添加图片。

同时,我们还可以对图片进行编辑,首先是样式填充方式:

等比缩放、裁剪填充、拉伸填充以及边框、阴影、透明度都是可以单独设置的。

然后数据可以对它进行图片切换,另外也可以对图片进行美化,直接点击美化后,它实际集成的是一个美图秀秀的功能,可以在美图秀秀里对它进行初步的编辑、裁剪以及马赛克的处理等。

然后,我们可以对图片设置链接,图片链接可以连接到页面、文章、产品、具体的链接、弹出窗口,然后,下面的打开方式、动效,我们可以对图片进行动态效果的展示。

很多网站做的非常漂亮,就是因为这个效果做的非常好。设置完效果之后,还可以设置它的方向、动画的延迟时间、持续时间等都是可以自己设置的,然后有常见的尺寸和位置的设置。

 

二、文字控件

首先,我们可以直接在组件里选择文字控件,有站点标题、页面标题、大标题和小标题进行区别,选中其中一个标题后,在空白的地方直接选择右击直接出现。

然后,文字控件我们可以双击对它进行编辑。然后,一些常见的字体、字号、颜色、加粗都可以自己设置。

如果想对文字的动态效果、排列做设计,可以直接点击设置编辑。

相关文章
|
2月前
如何实现图片多种颜色的文字混排并且带的背景颜色范围比文字图片范围大
如何实现图片多种颜色的文字混排并且带的背景颜色范围比文字图片范围大
21 1
测试图片随文字上下居中
测试图片随文字上下居中
|
算法 计算机视觉
图片的美白与美化
图片的美白与美化
94 0
|
编解码 Windows
用文字制作成图片
最近呢,我一个朋友要过生日,我像给她一个硬核的生日祝福。然后就想到了用文字拼成她的QQ头像
125 0
用文字制作成图片
|
开发者
文字控件| 学习笔记
快速学习文字控件。
79 0
文字控件| 学习笔记
|
开发者
图片与文字的修改| 学习笔记
快速学习图片与文字的修改。
93 0
图片与文字的修改| 学习笔记
|
移动开发 前端开发 小程序
【笔记】纯css实现列表水平滑动(图片或文字内容不限)
纯css实现列表水平滑动(图片或文字内容不限)
277 0
|
iOS开发
iOS开发-同一段文字显示不同颜色
iOS开发-同一段文字显示不同颜色
86 0
|
开发者
文字控件|学习笔记
快速学习文字控件
75 0
文字控件|学习笔记
|
开发者
图片控件|学习笔记
快速学习图片控件
93 0
图片控件|学习笔记