聊天气球 - iOS - Android

时间:2016-04-18 18:59:16

标签: android ios appcelerator appcelerator-titanium

我正在开发一个聊天风格的应用程序。我无法根据文字使气球变大或缩小。

有谁知道我该怎么做?我的代码目前如下:

var scrollTxtResp = Ti.UI.createScrollView({
  contentWidth: 'auto',
  contentHeight: 'auto',
  layout: 'vertical',
  showVerticalScrollIndicator: true,
  showHorizontalScrollIndicator: false,
  top:0,
  height: '100%',
  width: '100%'
});  
view.add(scrollTxtResp);  
  var lblTexto = Titanium.UI.createLabel({
 left: 2,
 width: '98%',
 height: 'auto',
 textAlign: Titanium.UI.TEXT_ALIGNMENT_LEFT,
 text: Dec(json[pos].content),
 color: clr_aux5,
 font: { fontFamily: font_primaria, fontSize: 15 }
});
scrollTxtResp.add(lblTexto);

Screenshot

我正在使用经典开发与SDK 5.2.2 GA(iOS / Android)

提前致谢。

2 个答案:

答案 0 :(得分:2)

还有两个模块可以创建气泡视图:

他们会创建一个您可以填写的视图,例如标签:

var TiBubble = require('be.k0suke.tibubble');
var bubble = TiBubble.createView({
    top: 0,
    left: 10,
    width: Ti.UI.SIZE, // just fit from contained label
    height: Ti.UI.SIZE, // just fit from contained label
    bubbleColor: '#dfdee5', // default: #fff
    bubbleRadius: 20, // default: 20
    bubbleBeak: TiBubble.BUBBLE_BEAK_LEFT // default BUBBLE_BEAK_LEFT
    bubbleBeakVertical: TiBubble.BUBBLE_BEAK_UPPER // default BUBBLE_BEAK_LOWER
});
bubble.add(label);

答案 1 :(得分:0)

http://developer.android.com/tools/help/draw9patch.html

处获取战利品

9-Patch图像显示您正在寻找的内容。