salesforce 零基础学习(六十一)apex:component简单使用以及图片轮转播放的实现

有的时候,我们项目有可能有类似需求:做一个简单的图像轮转播放功能,不同的VF页面调用可以显示不同的图片以及不同的图片描述。这种情况,如果在每个页面单独处理相关的图像轮转播放则显得代码特别冗余,此种情况下适合使用apex:component实现,将图像轮转的功能做成一个组件,图像的URL以及图像的描述信息可以作为参数传递进来,不同的VF可以放置不同的图像 URLS 和描述信息。

一.apex:component简单用法介绍:

apex:component作为预定义的组件通常需要VF页面进行相关传值操作实现其自身的特定功能,所以apex:attribute标签作为参数传递必不可少。(详情看page的PDF)

apex:attribute主要有一下几个属性:

  name:定义属性的名称,相关VF页面需要对此名称进行value赋值;

  description:定义属性的描述;

  type:定义attribute的属性类型,传递的类型如下图所示

二.图片轮转播放的实现:

项目实现的功能为通过page页面传递过来的多个图片以及多个图片的描述,通过component组件实现图片轮播,并且图片描述显示在当前图片上。

通过上述需求,我们可以看出来,需要在component定义两个属性,一个是图片URL的数组,一个是图片描述的数组。

项目位置放在git上:https://github.com/zhangyueqidlmu/picture_carousel

 将static resource目录下的static resource.zip放到salesforce中static resource中并命名为pictureCarousel

 将代码中相关component,controller和page复制到环境中,其中controller的URL为图片的URL,根据自己存储图片的位置更改相关的URL。

效果展示:

https://github.com/zhangyueqidlmu/picture_carousel/raw/master/a.avi

总结:此篇主要通过apex:component实现图片轮转播放功能,篇中有错误地方欢迎指出,有问题欢迎留言。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web前端教室

【学习笔记】0309_仿豆瓣电影app学习笔记

<!-- --> 讲课过程中会用来一些思维导图, 我这里用的是 xMind, http://www.xmindchina.net/ <!-- --> 今天的...

3137
来自专栏程序人生 阅读快乐

深入理解Linux内核.pdf

为了彻底理解是什么使得Linux能正常运行以及其为何能在各种不同的系统中运行良好,你需要深入研究内核最本质的部分。内核处理CPU与外界间的所有交互,并且决定哪些...

821
来自专栏生信技能树

在R里面对坐标进行基因组区域注释

这里可以使用大名鼎鼎的Y书开发的ChIPseeker包,加上人类的注释信息包TxDb.Hsapiens.UCSC.hg38.knownGene来进行注释,示例代...

1943
来自专栏葡萄城控件技术团队

使用CSS 3创建不规则图形

前言 CSS 创建复杂图形的技术即将会被广泛支持,并且应用到实际项目中。本篇文章的目的是为大家开启它的冰山一角。我希望这篇文章能让你对不规则图形有一个初步的了解...

20010
来自专栏前端新视界

如何编写通用的 Helper Class

Github: https://github.com/nzbin/snack-helper Docs: https://nzbin.github.io/sn...

1978
来自专栏开源优测

[快学Python3]HTTP处理 - urllib模块

概述 urllib是python最基础、最核心的HTTP协议支持库,诸多第三方库都依赖urllib,所以urllib是必须掌握的HTTP库。 掌握了urllib...

2858
来自专栏天天

css中mask属性实现灯光闪动

在过去,CSS mask属性在使用的时候就是mask: xxx,但是现在随着这个属性的规范化,mask属性实际上已经成为了诸多mask-*的缩写,这和backg...

1043
来自专栏破晓之歌

固定边栏滚动特效 原

922
来自专栏Material Design组件

Human Interface Guidelines —— 状态栏(Status Bars)

2626
来自专栏Android开发实战

Android性能优化-渲染优化

我们在开发的过程中,可能经常会遇到测试的一些反馈,就是APP运行卡顿的问题。我们通常所讲的卡顿问题都是因为渲染掉帧的问题引起视觉上的卡顿感。所以了解渲染机制,我...

752

扫码关注云+社区