2012-10-25 5 views
2

qooxdoo 프레임 워크를 배우고 있으며 모바일 장치에서 웹 앱을 개발할 예정입니다. 그러나 여기에 문제가 온다. qx.ui.mobile.core.Widget의 배경색을 설정하는 방법을 모르겠습니다. qx.ui.core.Widget (또 다른 클래스는 데스크탑 애플리케이션 용이라고 생각합니다.), 백그라운드 색상을 설정하는 메소드가 있습니다. 그러나 모바일 앱 개발에 사용되는 qx.ui.mobile.core.Widget의 경우 API 참조에서 모든 메소드를 찾을 수 있습니다. 'addCssClass()'메서드를 사용하여이 작업을 시도하고 있지만 레이블 등에서 작동하지만 복합 위젯에서는 작동하지 않습니다. 기본적으로 모바일 앱의 배경 이미지는 iPhone 그룹 스타일 tableview에서 사용되는 이미지입니다. 그러나, 내가 뭘 하려는지 순수한 배경 색상을 배경 이미지를 수정하는 것입니다. 나는 그것을 어떻게 달성해야할지 모르겠다. 누군가 나에게 아이디어를 줄 수 있을까? 고맙습니다! 당신이 "getContainerElement()"방법을 사용하는 경우, 직접 HTML 요소를 얻을qooxdoo 모바일 프레임 워크에서 위젯의 배경색을 설정하는 방법은 무엇입니까?

:

답변

1

는 qx.Mobile 위젯을 변경하는 방법은 여러 가지가 있습니다.

모든 속성을 설정할 수 있으며 일반 HTML로 설정할 수도 있습니다. 당신이 언급 한 바와 같이

또 다른 가능성은, 클래스를 추가하는 것입니다 : "addCssClass ("foo는 ")"당신은 당신의 프로젝트에 리소스 폴더를 사용자의 CSS 선택기 문을 추가해야

:

.. 자원/http://demo.qooxdoo.org/current/apiviewer/#qx.bom.element.Style 세트()

을 통해, 프로젝트 _는

.foo{ 
    background-color:red; 
} 

/css/styles.css하거나 심지어 무력과 스타일을 설정할 수 있습니다 0

무기 선택 =)

+0

감사합니다. 도움이됩니다. 이제 거의 모든 모바일 위젯의 스타일을 설정할 수 있습니다. 그러나 여전히 내 앱의 기본 배경 (iPhone 스타일 배경)을 수정할 수 없습니다. 나는이 줄을 Application.js, 'this.getRoot(). addCssClass ("white-background");'에 추가하려고 시도했다. 오류는 없지만 작동하지 않습니다. –

+0

모바일 응용 프로그램의 루트가 아닌 NavigationPage의 배경을 변경해야합니다. 루트는 항상 NavigationPage에 의해 오버레이됩니다. 따라서 클래스를 NavPage에 추가하면 모든 것이 잘 동작합니다. – czuendorf

관련 문제