如何在我的钛应用程序中获得此布局？

Question

这是垂直对齐多个布局的常见布局，我无法弄清楚如何在我的应用中获取它：

我已经想出了如何做到这一点：

但我真的很喜欢圆角看小组顶部和底部的样子。我知道你可以用

实现圆角

var view = Titanium.UI.createView({
   borderRadius:10,
   backgroundColor:'red',
   width:50,
   height:50
});
window.add(view);

但我真的希望它看起来像第一个例子。

Answer 1

Appcelerator Kitchen Sink项目有一个例子或2个。

这是一个： https://github.com/appcelerator/KitchenSink/blob/master/Resources/ui/common/baseui/table_views.js

Answer 2

请参考Join Two Text Fields，这有助于我创建带圆角的文本字段。

您可以从以下链接下载图片

1. Rounded top
2. Middle Image
3. Rounded Bottom