开发者

tag cloud, layout: horizontal, and Appcelerator Titanium

开发者 https://www.devze.com 2023-03-18 06:00 出处:网络
Please note: This question relates to the Appcelerator Titanium platform, not the stock iOS SDK. I\'m making a tag cloud with a layout: horizontal view. I\'m most of the way there, but I can\'t get t

Please note: This question relates to the Appcelerator Titanium platform, not the stock iOS SDK.

I'm making a tag cloud with a layout: horizontal view. I'm most of the way there, but I can't get the final Titanium.UI.Label on a line to wrap if it doesn't fit. Instead, it gets ellipsized (in a useless manner).

tag cloud, layout: horizontal, and Appcelerator Titanium

Is there a way I can preven开发者_运维知识库t this on iOS? Seems to work fine on Android.


If you try to set the label width to auto, Titanium will calculate the label width in runtime. It make sense to get a ellipsized label in horizontal view.

You may need to determine the dynamic label width in your tag cloud case. But just leave it to titanium, you just need to change the dynamic width to static width with this tricky code.

for (var i = 0; i < data.length; i++) {
            var label = Ti.UI.createLabel({ text: data[i], width: 'auto', height: 20,left: 5, top: 5});

            label.width = label.width + 5; //this determine width in runtime assign back to static width
            view.add(label);
        }


The iPhone's answer to this is minimumFontSize but that makes no sense in a tag cloud... Have you considered adding this to a horizontal scrollview and setting the contentWidth to auto?

Also does each of your label have it's width set to 'auto'? I imagine setting that would cause the word to overflow the layout and be pushed down to the next line.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号