在视图的一侧设置边框?

时间:2011-03-19 00:10:01

标签: titanium appcelerator

是否有人能够在视图上执行相当于border-left的操作? (我想在ImageView的一侧创建一个边框。)

4 个答案:

答案 0 :(得分:11)

诀窍是创建另一个带有边框尺寸的视图,并将图像View放在旁边......这是一个丑陋的黑客,但是我见过它的唯一方法就完成了

答案 1 :(得分:1)

我知道这是一个老问题 - 但我想我会添加我今天发现的替代方案。

同样丑陋......但也许更简单。

我需要在屏幕上创建一个带有分隔符的4个图标栏。我所做的是创建一个容器,并在4个标签内(其中包含一个)。我将它们设置为左:0,25%,50%和75%。然后我将每个嵌入的宽度设置为24.8%,并将容器的背景颜色设置为我想要的任何颜色。

示例:

<View id="tb1" bottom="0" height="45dp" width="100%" backgroundColor='#99cc33'>
    <View height="45dp" left="0" width="24.8%" backgroundColor='#363636'>
        <ImageView width="40dp" image="/images/trip1.png"/>
    </View>
    <View height="45dp" left="25%" width="24.8%" backgroundColor='#363636'>
        <ImageView width="35dp" image="/images/trip2.png"/>
    </View>
    <View height="45dp" left="50%" width="24.8%" backgroundColor='#363636'>
        <ImageView height="40dp" image="/images/trip3.png"/>
    </View>
    <View height="45dp" left="75%" width="25%" backgroundColor='#363636'>
        <ImageView height="35" image="/images/trip4.png"/>
    </View>
</View>

/约翰

答案 2 :(得分:0)

制作&#34;查看&#34;之上。并制作你的&#34;查看&#34;颜色为&#39; backgroundColor&#39;

答案 3 :(得分:0)

另一个丑陋的黑客。在底部放置背景渐变。您必须先指定高度,该行不会100%稳固,但您不会在设备上注意到它。

"TextField": { height: 44, backgroundGradient: { type: "linear", startPoint: { x: 0, y: 43 }, endPoint: { x: 0, y: 44 }, colors: [ "white", "#ccc" ] } }