一、常规使用

官网教程里没有这个组件的使用方法

这个组件配合Scroller使用

拖动一个scroller到exml上。scroller上已经默认存在了HScrollBar和VScrollBar

当图片大于scroller时,拖动图片,会显示出垂直和水平的滑块

实际效果

其他:

1. 设置滑块的显示方式

默认情况下是auto。

2.更换滑块的皮肤样式

默认滑块是个蓝色的小方块

尝试在exml里找,没有。

所以只能代码里找到scroller的verticalScrollBar属性,然后替换它的图片了...暂未发现其他方法...

/*** 主页场景* @author chenkai 2018/5/26*/
class HomeScene extends eui.Component{private testScroll:eui.Scroller;public constructor() {super();this.skinName = "HomeSceneSkin";}public childrenCreated(){this.testScroll.scrollPolicyV = eui.ScrollPolicy.ON;let thumb:any = this.testScroll.verticalScrollBar.thumb;thumb.texture  = RES.getRes("thumb_png");}
}

  

转载于:https://www.cnblogs.com/gamedaybyday/p/9093116.html

EUI组件之HScrollBar VScrollBar (动态设置滑块图片)相关推荐

  1. EUI组件之HScrollBar VScrollBar (滚动条,动态设置滑块图片)

    一.常规使用 官网教程里没有这个组件的使用方法 这个组件配合Scroller使用 拖动一个scroller到exml上.scroller上已经默认存在了HScrollBar和VScrollBar 当图 ...

  2. 为canvas画布动态设置背景图片

    为canvas画布动态设置背景图片 关键是将canvas和img标签放到同一个盒子里,盒子设置相对位置,并且canvas和img需要设置相同的相对位置 <div class="list ...

  3. jQuery Backstretch动态设置背景图片插件

    贴图  知乎:显著提升程序员身心健康和工作效率的装备有哪些? 笔记本:  1.银河舰队 PAVILION 15-bc011TX光暗影精灵2  2.顽石 -FL5900U7500超薄i7(性价比最高) ...

  4. android动态设置冷启动图片拉伸变形,Android冷启动时间优化

    冷启动时间是指当用户点击你的app那一刻到系统调用Activity.onCreate()之间的时间段.在这个时间段内,WindowManager会先加载app主题样式中的windowBackgroun ...

  5. cocos creator 动态设置精灵图片

    1.创建sprite节点. 2.给该节点挂上脚本,内容如下.(picture可以不设置为数组) cc.Class({extends: cc.Component,properties:{picture: ...

  6. vue 动态设置背景图片,和背景渐变

    设置背景图和大小,bgimg是图片链接 <div :style="{backgroundImage: 'url(' + bgimg + ')', backgroundSize:'con ...

  7. vue 动态设置背景图片

    backgroundImage需要做判断 <div class="right-con" :style="{backgroundImage: 'url(' + (co ...

  8. vue中设置背景图片的方式

    vue中设置背景图片 直接设置背景图片 动态设置背景图片 直接设置背景图片 1.在data中声明背景图片相关配置 export default {data () {return {// 顶部导航背景图 ...

  9. vue 动态设置组件高度_高度动态的Vue明星评分组件

    vue 动态设置组件高度 虚拟动态星级 (vue-dynamic-star-rating) A Highly Customizable, easy-to-use elegant stars ratin ...

  10. Flex 学习笔记 动态设置itemRenderer

    Tree.DataGrid经常要设置自己制定样式或特殊的UI,我们需要呈现器,经常使用外部呈现器(作为项目渲染器使用的自定义组件在MXML或ActionScript编写),我们需要用到itemRend ...

最新文章

  1. Java技术回顾之JNDI--实例
  2. 使用C#打造通用的数据库连接类
  3. win7工作组无法查看计算机名,WIN7下无法查看工作组计算机怎么办
  4. 关于学计算机有什么用检讨书,旷计算机课检讨书
  5. 关于CoreData的理解和使用.
  6. thinkphp sql查询条件 一个字段多个限制条件
  7. mujoco安装教程
  8. Windows10中同时安装MySQL5和MySQL8
  9. 信息系统项目管理-项目变更管理-十六
  10. kuka机器人RSI说明
  11. 智能驾驶大数据前沿研究进展与典型应用
  12. Web在线打印设计器即将推出,像Excel一样在线设计模板
  13. java 哲学家_Java哲学家进餐问题|多线程
  14. python json方法详解_详解python中的json的基本使用方法
  15. ems苹果专线投递速度_“高功率脉冲磁控溅射”新工艺:苹果 iPhone 12 Pro 金色版图赏 - 苹果,iPhone...
  16. 大蟒蛇python头像_程序员用Python获取了自己以前的QQ历史头像,以前的非主流形象简直不忍直视...
  17. QT QWebEngineView+UEditor富文本编辑器
  18. 飞塔30E防火墙忘记密码,重置密码
  19. 拼多多上货助理上传淘宝商品的步骤
  20. 华为实现中:STP运行机制实例分析一

热门文章

  1. matlab 画图直接存储_Matlab用plot画图后怎么保存图像
  2. chrome翻译插件之谷歌翻译
  3. html属于页面的底部标签是,HTML5中footer标签的用法你知道吗?,HTML5中的footer标签是什么意思?...
  4. Latex 多图片排版--排版代码生成器
  5. 学并发编程,透彻理解这三个核心是关键
  6. Android各厂商自启动管理界面
  7. 51心形流水灯原理图PCB及程序简介
  8. 单机java游戏2D冒险_那些年,我们一起追的2D横版过关单机游戏
  9. PLATO上线LAAS协议Elephant Swap,用户可借此获得溢价收益
  10. html5 dreamlive,DREAM LIVE 5th Tour Stargazer即将开演