1

私は、Titanium で tableView ベースのアプリケーションに取り組んでいます。テーブル ビューの行に長いテキスト コンテンツを表示する必要があります。

これを行うと、行は次のようになります。

マルチライン

これは、テーブル ビューの行を作成するために使用しているコードです。

var row = Ti.UI.createTableViewRow({
        backgroundColor : '#F0F0F0',
        color           : 'black',
        font            : { fontSize:10 ,fontWeight:'bold',fontFamily:'Arial'},
        height          :'80',
        title           : firstRowContent
     });

私の問題は、テーブル ビューの行でテキストを折り返す必要があり、複数行で表示する必要があることです。

iOS にはlineBreakModeとnumberOfLinesプロパティがあります。そして、私は簡単にそれを行うことができます。

チタンでそれを行う方法はありますか？いろいろ調べたのですが、「\n」をテキストの間に入れたり、複数のラベルを追加したりしていると皆さんおっしゃっています。

これらは私が参照したリンクです：

  1. マルチライン ラベル
  2. ボタンとテーブル ビュー アイテムでの複数行テキストの改行
  3. 複数行のラベル内に結果セット (テキスト) を表示する
  4. マルチライン ラベル?
  5. データベースからの複数のテーブル行
4

3 に答える 3

4

You need to put a label object in the row. The label can be created such that it will wrap the text.

When searching for answers, search for complex tableviewrow appcelerator

于 2013-01-11T00:05:17.893 に答える
3

以下は私のためにラップします。Titaniumのデフォルトのラベル動作は、ラップすることです。行ビューの「title」プロパティは、単一行であることが意図されています。

var win = Ti.UI.createWindow({
    backgroundColor: '#fff'
});
var row = Ti.UI.createTableViewRow();
row.add(Ti.UI.createLabel({
    text: 'Gosh golly, this is a label. Cool, huh?',
    color: '#000', font: { fontSize: 32 }
}));
win.add(Ti.UI.createTableView({
    data: [ row ]
}));
win.open();

折り返し線が収まらないように行の高さを設定すると、楕円形になります。

row.add(Ti.UI.createLabel({
    text: 'Gosh golly, this is a label. Cool, huh?',
    color: '#000', font: { fontSize: 32 },
    height: 40
}));

ただし、デフォルトでは、提供したコンテンツのサイズになります。

于 2013-01-11T04:50:51.990 に答える
2

テーブルビューの行のサブビューとしてラベルを追加することで、この問題を修正しました。

 var firstRow = Ti.UI.createTableViewRow({
        backgroundColor : '#F0F0F0',
        color           : '#555555',
        font            : { fontSize:10 ,fontFamily:'Arial'},
        height          :'auto',
       // title         : firstRowContent,
        horizontalWrap  : 'true',
        selectionStyle  : Ti.UI.iPhone.TableViewCellSelectionStyle.NONE
     });
      var firstLabel = Ti.UI.createLabel({
        text            : 'Midhun Says: Hi, How are you ? We are currently waiting for you ...',
        height          : 'auto',
        right           : '10',
        top             : '7',
        left            : '10',
        color           : '#555555',
        font            : { fontSize:15 ,fontFamily:'Arial'},
     });

firstRow.add(firstLabel);

とにかく、助けてくれてありがとう...

于 2013-01-14T05:12:13.503 に答える