티타늄, gridlayout

Question

XML에서 그리드 레이아웃을 만드는 방법은 무엇입니까? 예를 들어 4x4 보드가 필요했다. 16 개의 버튼을 만들고 jss를 사용하여 포맷해야합니까? 예를 들어 이것은 내가 가진 것이지만 보드 형식이 아닙니다.

<Alloy> 
    <Window layout="relative" backgroundColor="white"> 

     <Button class="button left-buttons">square</Button> 
     <Button class="button left-buttons" top="40">square</Button> 
     <Button class="button left-buttons" top="80">square</Button> 

     <Label id="User" left="100" top="120" text=">(NULL)<"></Label> 

     <Button class="button right-buttons" >square</Button> 
     <Button class="button right-buttons" top="40">square/square</Button> 
     <Button class="button right-buttons" top="80">square</Button> 

     <Button class="Games" top="200">square</Button> 
     <Button class="Games" top="280">square</Button> 
     <Button top="360">square</Button> 

    </Window> 
</Alloy> 

Answer 1

가로 레이아웃을 사용하고 컨테이너보기를 화면 크기로 설정하면됩니다. 가로 레이아웃은 하위 뷰를 행으로 레이아웃합니다. 오른쪽으로 계산하거나 백분율 너비를 사용하려면 약간의 계산을해야 할 수도 있습니다. "XML 형식"에 관해서는

<Alloy> 
    <Window layout="horizontal" horizontalWrap="true" backgroundColor="white"> 
     <Button width="50%" height="50%" title="TopLeft"/> 
     <Button width="50%" height="50%" title="TopRight"/> 
     <Button width="50%" height="50%" title="BottomLeft"/> 
     <Button width="50%" height="50%" title="BottomRight"/> 
    </Window> 
</Alloy> 

당신은 의미합니까 this guide on Alloy's XML Markup?

Answer 2

당신이 사용할 수있는 위젯의 몇 가지가 있습니다

다음은 시작 얻을 수있는 스타일이 적용되지 않은 × 2 보드의 간단한 예입니다.

gridWidget
TableView를 사용하여 그리드를 티탄 합금 위젯.

buttonGrid
Appcelerators 일부 애니메이션 효과 버튼의 격자를 생성 티탄 합금 위젯을 소유한다. 알맞게 사용자 지정할 수 있습니다. 티타늄 APIv3 문서에는 사용법 및 자습서가 포함되어 있습니다.