Shea Frederick 씨가 ExtJS 라이브러리를 이용해 Wii 친화적인 웹 페이지를 만드는 방법을 작성하셨습니다.

Shea 씨는 Wii 해상도, 화면 크기, 입력 형태 등과 관련된 다양한 주제를 다루셨습니다.

한 예로, 레이아웃을 체크해보겠습니다:
[code:js]
Ext.ns('Ext.ux.layout');
Ext.ux.layout.wii = Ext.extend(Ext.layout.FitLayout, {
    setItemSize : function(item, size){
        var viewSize = Ext.getBody().getViewSize();
        this.container.addClass('ux-layout-wii');
        item.addClass('ux-layout-wii-item');
        size.height = (viewSize.height-60);
        size.width = (viewSize.width-60);
        item.setSize(size);
    }
});
Ext.Container.LAYOUTS['wii'] = Ext.ux.layout.wii;
그리고 여러분은 이 레이아웃을 설정한 Wii를 탐지할 수 있습니다:
[code:js]
Ext.isWii = navigator.userAgent.toLowerCase().indexOf("wii")> -1;
var layout = 'fit';
var title = 'Normal';
if (Ext.isWii) {
    layout = 'wii';
    title = 'Wii';
}

from WiiExtJS: Building Ajax apps that run on the Wii Opera browser on Ajaxian
TAG , ,
Posted by 행복한고니 트랙백 0 : 댓글 0

티스토리 툴바