Famo.us滚动视图高度
Famo.us Scrollview height
我正试图使用著名的sequentialLayout在滚动视图下面添加一个图像,但我对滚动视图的高度有问题。
这就是我创建滚动视图的方式。
var scrollview = new Scrollview({
direction: Utility.Direction.X,
options: {
size: [300, 300]
},
paginated: true
});
当我将高度为250的曲面添加到滚动视图时,包含这些曲面的滚动视图的父DOM容器(著名组)的宽度和高度都为0。
当在序列布局中添加此滚动视图作为第一个项目时,具有高度的第二个项目或曲面会显示在此滚动视图的顶部,因为它没有高度。
有什么想法可以使用Famo.us解决这个问题吗?
不能这样设置大小-请使用修饰符。
这将是渲染树
MainContext
SequentialLayout
Modifier(size)
ScrollView
Modifier(size)
Image
代码片段:
// Create components
var scrollview = new ScrollView();
var image = new ImageSurface({
content: 'content/images/famous_symbol_transparent.png'
});
// Create Size Modifiers
var scrollModifier = new StateModifier({ size: [200,200]});
var imageModifier = new StateModifier({ size: [200,200]});
// Wrap the Modifier in a RenderNode, so we can add the surface
// (you can't add surfaces directly to a modifier)
var scrollNode = new RenderNode(scrollModifier)
scrollNode.add(scrollview);
var imageNode = new RenderNode(imageModifier);
imageNode.add(image);
// Create a SequentialLayout
var sequence = new SequentialLayout();
sequence.sequenceFrom([scrollNode,imageNode]);
这里有一个示例要点(运行yo famous
生成器后复制粘贴main.js
)
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- 如何使用javascript从主svg对象动态创建svg视图框
- 正在使用$location.path(.)路由ng视图
- ExtJS——在展开/折叠时调整面板高度
- 分析高度属性时出现意外值{{specs.height}}.index.html
- DHTMLX 移动调度程序事件详细信息视图高度问题
- 键盘关闭模式为交互式时的动画视图高度 [反应本机]
- MVC3 剃须刀在视图中获取浏览器屏幕宽度和高度
- React Native动态Web视图高度
- 为什么可以'我在主干视图中得到元素的高度
- jquery移动动态列表视图单元格高度
- 我如何在主干视图中获得尺寸(高度/宽度)信息
- 如何将视图框的高度和宽度导出为网页的高度和宽
- CSS设置高度为页面大小,而不是视图端口大小
- 获取iOS 10中网页视图的高度
- 在移动视图中调整高度
- Angular JS-在视图渲染之前获取指令中的元素高度
- Famo.us滚动视图高度
- 如何设置40%的给定高度在离子视图
- Appcelerator Titanium:自动控制视图高度和顶部