码迷,mamicode.com
首页 > 其他好文 > 详细

EUI组件之HScrollBar VScrollBar

时间:2018-05-26 16:46:35      阅读:801      评论:0      收藏:0      [点我收藏+]

标签:教程   替换   llb   end   cto   gif   效果   主页   没有   

一、常规使用

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

这个组件配合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");
        }
}

  

 

EUI组件之HScrollBar VScrollBar

标签:教程   替换   llb   end   cto   gif   效果   主页   没有   

原文地址:https://www.cnblogs.com/gamedaybyday/p/9093116.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!