1

나는 티타늄에서 tableView 기반 응용 프로그램을 만들고 있습니다. 테이블 뷰 행에 긴 텍스트 내용을 표시해야합니다. 이것은 내가 내 테이블보기 행을 만들기 위해 사용하고 코드입니다티타늄의 tableview 행에있는 여러 줄의 텍스트

Multiline

:

내가 이렇게

내 행처럼 찾고 있습니다.

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

내 문제는 내 테이블보기 행에 텍스트를 줄 바꿈해야하고 여러 줄로 표시해야합니다.

iOS에는 lineBreakModenumberOfLines 속성이 있습니다. 그리고 나는 쉽게 그것을 할 수 있습니다.

티타늄으로 만들 수있는 방법이 있습니까? 많이 검색했지만 모든 사람들은 '\ n'을 텍스트 사이에 넣거나 여러 라벨을 추가한다고 말합니다.

이 내가 언급 된 링크는 다음과 같습니다

  1. multiline label
  2. multiline text textwrap linebreaks in buttons and table view items
  3. Display resultset (text) within a label, multiline
  4. Multiline Label?
  5. mutiline tablerow from database

답변

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

어쨌든들 덕분에 ...

4

당신이 필요로하는 행에 label 객체를 배치합니다. 라벨은 텍스트를 감쌀 수 있도록 만들 수 있습니다. 답변을 검색 할 때

는 나를 위해 복잡한 tableviewrow의 appcelerator에 대한

+0

는 이미 라벨을 추가하여이 문제를 해결했다. 귀하의 답변에 감사드립니다. –

3

아래 랩을 검색 할 수 있습니다. 티타늄의 기본 레이블 동작은 래핑을위한 것입니다. 행 뷰의 "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 
})); 

하지만 기본적으로 제공 한 콘텐츠의 크기가됩니다.

+0

레이블을 추가하여 이미이 문제를 해결했습니다. 귀하의 답변에 감사드립니다. –

관련 문제