チャットバルーン - iOS - Android

Question

チャットスタイルのアプリを開発しています。私はバルーンをテキストに従って伸縮させることはできません。

私はこれをどのように行うことができますか？次のように私のコードは、現在、次のとおりです。

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); 

私はSDK 5.2.2 GA（のiOS/Androidの）で事前に

おかげで古典的な開発を使用しています。

Answer 1

バブルビューを作成する二つのモジュールもあります。

• のiOS：https://github.com/k0sukey/TiBubbleView
• アンドロイド：https://github.com/tdtsh/TiBubbleViewForAndroid

は、彼らはあなたが、例えばで満たすことができますビューを作成しますラベル：

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); 

Answer 2

あなたが探しているものということhttp://developer.android.com/tools/help/draw9patch.html

9パッチ画像で戦利品を取ります。