sencha touch에서 "button styling"을 제거 하시겠습니까?

나는 도구 모음 안에이 사용하고 있습니다sencha touch에서 "button styling"을 제거 하시겠습니까?

items: [ 
        { text: 'Hem', }, 
        { text: 'Sport' }, 
        { text: 'Nöje' }, 
       ]

내가 얻을 결과를 아래 이미지와 같은 외모 :

Example

나는 버튼처럼, 나는 돈을 보이는이 스타일을 얻을 그걸 원하지 않아. 난 그냥이 버튼은 그림 2 번처럼 보여주고 싶은 :

Example

어떻게? 그림 2에서 "탭"예제의 스크린 샷이 있습니다. 단추 사이를 스크롤 할 수 없기 때문에 대신 탭을 만들 수 없습니다 ... 저는이 일에 정말 새로운 큰 도움을 원합니다. 제 영어 실력이 좋지 않으므로 간단한 languange를 사용하십시오. 건배!

출처

2012-11-17 Jack

두 센차 터치 1 센차 터치 2, 다음 코드는 라운드 버튼을 생성 할 것이다 :

이

xtype: 'toolbar', 
items : [ 
      { text: 'Hem', ui :'round' }, 
      { text: 'Sport', ui :'round' }, 
      { text: 'Nöje', ui :'round' }, 
     ]

즉 : 그냥 items 배열의 각 항목 개체에 대한 ui : 'round' 키와 값을 추가합니다.

출처

2012-11-18 09:57:06 gardenofwine

각 버튼에 ui:'round'을 추가하여 이 반올림 된으로 표시되도록 할 수 있습니다. 그것은 하나의 해결책입니다. 하지만이 견적을 ans하고 싶습니다. 나는이 사실이 아니라는입니다 버튼

들 사이에서 스크롤 할 수 없습니다 대신 때문에

내가 탭을 만들 수 없습니다. 버튼이 뷰포트를 벗어나면 버튼을 확실히 스크롤 할 수 있습니다. 필자는 모바일 앱용 탭이 7 개 필요하며 가로 및 세로 모드 모두에 맞지 않는 곳에서 직접 사용했습니다. 탭을 스크롤 할 수 있도록 설정해야하는 속성이 하나 있습니다. 여기 저를 위해 일한 제 코드의 샘플입니다.
Ext.create('Ext.TabPanel', { 
    fullscreen: true, 
    tabBarPosition: 'top', 
    tabBar: { 
     scrollable: { 
      direction: 'horizontal' 
     } 
    }, 
    defaults: { 
     styleHtmlContent: true 
    }, 

    items: [ 
     { 
      title: 'Monday', 
      html: 'Monday Screen' 
     }, 
     { 
      title: 'Tuesday', 
      html: 'Tuesday Screen' 
     }, 
     { 
      title: 'Wednesday', 
      html: 'Wednesday Screen' 
     }, 
     { 
      title: 'Thursday',   
      html: 'Thursday Screen' 
     }, 
     { 
      title: 'Firday', 
      html: 'Firday Screen' 
     }, 
     { 
      title: 'Saturday', 
      html: 'Saturday Screen' 
     }, 
     { 
      title: 'Sunday', 
      html: 'Sunday Screen' 
     } 
    ] 
}); 
확실히 시도해보십시오. : D

출처

2012-11-18 17:34:15 SachinGutte

sencha touch에서 "button styling"을 제거 하시겠습니까?

답변

관련 문제