[SenchaTouch] Ext.tab.Panel (tabpanel) 에서 애니메이션 제거하기.

Posted by Find my true self Fimtrus
2013.02.24 16:21 Programming/Hybrid App

디바이스의 성능이 좋지 않을 때에는 애니메이션을 적용하지 않는 것이 효과적이다.

아이폰4 이상, 갤투 이상급 된다면 굳이 애니메이션을 제거할 필요는 없지만.....

layout : {type: 'card', animation: {type: false}}


이걸...TabPanel 속성으로 주면, 애니메이션이 제거된다.!

이 댓글을 비밀 댓글로

[SenchaTouch] unknown chromium error : -6 해결법.

Posted by Find my true self Fimtrus
2013.02.20 11:04 Programming/Hybrid App

Sencha Touch 2.X 버전에서는 ICS버그가 많다.

Sencha Touch 2.X has a lot of bugs with ICS.

그중 하나가 unknown chromium error 6 인데, 아래의 대응코드를 넣으면 해결된다.

One of them issue is unknown chromium error 6, you can solve below code.

1.

if(Ext.os.is.Android) { 
	Ext.Loader.setConfig({ disableCaching: false });
}

2.

그리고 App.js, launch 에 다음을 추가해준다.

and add code to App.js, launch.

Ext.Ajax.setDisableCaching(false);


이렇게 하면 ICS에서 구동이 가능하다.

You can run Application with ICS.

하지만 LocalStorage가 삭제되는 버그가 있는데

but this one has bug which localstorage deleted.

아래의 링크를 참조하기 바란다.

if you want to solve this bug, see below link.

http://fimtrus.tistory.com/30


외국인을 위한 친절한 번역 서비스. 문법이 맞는지는 모름.

이 댓글을 비밀 댓글로

[SenchaTouch] Sencha Touch 2.X 에서 LocalStorage 삭제되는 버그

Posted by Find my true self Fimtrus
2013.02.20 09:49 Programming/Hybrid App

안드로이드 4.0.X 버전(ICS)에서 LocalStorage가 삭제되는 버그가 발생한다.

이 버그가 발생하는 이유는, WebView의 LocalStorage가 임시저장소에 저장되기 때문이다.

Setting을 통해 버그를 해결할 수 있다.


mSettings.setDatabasePath(getFilesDir() + "/databases/"); 


이 옵션을 주게되면 data/data/"pakage name"/files/databases 의 경로에 저장되게 되는데,

유저가 직접 삭제하지 않는한 데이터가 보관된다.


이 댓글을 비밀 댓글로

[SenchaTouch] Html 에서 상위 뷰로 이벤트 전달하지 않는 방법.

Posted by Find my true self Fimtrus
2013.01.16 14:28 Programming/Hybrid App
event.preventDefault(); 
if(event.stopPropagation) {
	  event.stopPropagation(); //IE
}
이 댓글을 비밀 댓글로

[Javascript] 이미지 실제 사이즈 구하기.

Posted by Find my true self Fimtrus
2012.12.10 13:34 Programming/Hybrid App


function showImageSize(img){
    var width, height; 
 
    if(img.naturalWidth){
        width = img.naturalWidth;
        height = img.naturalHeight;
    } else {
        var tImg = new Image();
        tImg.src = img.src;
        width = tImg.width;
        height = tImg.height;
    }
    alert("Image width:" + width + ", height:" + height);
}

출처 : http://tvnuri.com/ 


이 댓글을 비밀 댓글로

[SenchaTouch2] List scroll false

Posted by Find my true self Fimtrus
2012.11.19 17:57 Programming/Hybrid App

Scroll 가능한 Container 안에 List와 Panel 을 1:1 비율로 넣기 위해 작업하는 도중,

엄청난 문제가 발생하였다.

List의 scrollable : false가 먹히지 않았다.

인자 값을 찾기 위해 삽질...2시간 째...

그러다가 방법을 찾아냈다!!!


scrollable : {
  direction : false
},


이것을 추가하면 리스트의 스크롤을 막을 수 있다.


이 댓글을 비밀 댓글로

[Sencha touch] sencha 2.X 버전 Logger.js 에러

Posted by Find my true self Fimtrus
2012.08.09 11:12 Programming/Hybrid App

젠장...

단 한단어만 바꾸면 해결된다.


    /**
     * Build options
     */
    "buildOptions": {
        "product": "touch",
        "minVersion": 3,
        "debug": false,
        "logger": false
    },


원래 "logger" 부분이 no로 표시되어있다.

"logger" : no

이부분을..

false 로 변경하면... 해결된다.



이 댓글을 비밀 댓글로

[Sencha Touch 2.X] 안드로이드 세팅

Posted by Find my true self Fimtrus
2012.05.11 15:51 Programming/Hybrid App

기존의 Sencha touch 1.X 에서는 Sencha framework를 다운 받고 asset 폴더에 넣어주기만 하면 완료 되었지만.

2.0 부터는 sencha SDK를 통해 generate 후에 생성된 파일들을 Asset 폴더에 넣어야 한다.(물론 Generate 하지 않아도 사용은 가능하겠지만 ....)


Sencha Touch 2.X 를 시작하기 위해서는 두가지가 필요하다.


1. Sencha SDK

2. Sencha framework

* 물론 Eclipse 와 ADT가 설치되어 있어야 폰에서 테이트 해볼 수 있으므로 당연히 갖추어야 한다.



1. Sencha SDK

Sencha SDK는 아래에서 다운로드 할 수 있다.


다운 받은 파일을 설치하고 시작->실행->cmd 창에서 명령어를 입력한다.

>sencha

커맨드 창에 sencha를 입력하였을 때 반응이 있으면 SDK 설치가 완료된 것이다.


2. Sencha Framework


다운로드 후 맘에 드는 폴더(?)에 압축을 풀어 준다.

필요한 프로그램들은 모두 설치 되었다.


3. 안드로이드에 적용하기

먼저 이클립스에서 안드로이드 프로젝트를 하나 만든다.

  • 안드로이드 프로젝트를 만든다.
  • API level은 각자 안드로이드폰에 맞게 설정한다.
  • 앞으로 생성할 파일들은 assets 폴더에 넣어준다.





프로젝트에 필요한 파일을 만들기 위해 다운받은 sencha framework 를 generate 해야하는데

이제 다운받아 설치 했던 SDK를 사용할 것이다.

command 창을 열고 Sencha framework를 설치한 폴더로 이동한다.(경로를 기억해야 한다!!!!)

그리고 아래와 같이 입력한다.

> sencha generate [action] [app name] [export path]

e.g.) sencha generate app carousel c:\sample

app name 이 sencha 클래스들의 가장 상위클래스 명이 된다.

e.g.) carousel.view.XXXX 


성공적으로 생성이 되었다면 export한 폴더에 파일들이 있을 것이다.

그파일들 중에 sdk제외한 파일들을 모두 복사하여 

android 프로젝트 asset에 붙여 넣어준다.

그리고 sdk 폴더에서는 sencha-touch-all.js 파일과 resource 폴더를 복사해서 sencha 폴더 밑에 넣어준다.


 


  •  

마지막으로 index.html 설정


이 댓글을 비밀 댓글로

[CSS3] Vertical-align 적용하기

Posted by Find my true self Fimtrus
2012.03.21 13:43 Programming/Hybrid App
- 아래 코드를 추가하면 된다. 단 width 와 height가 있어야 동작함
 

◈ -webkit-box-align: center;

◈ box-align: center;

◈ -webkit-box-pack: center;

◈ box-pack: center;

이 댓글을 비밀 댓글로

[Sencha touch1.1] Store를 이용해서 localStorage에 데이터 업데이트

Posted by Find my true self Fimtrus
2012.03.21 13:37 Programming/Hybrid App

Sencha Touch 1.1에서 아래와 같이하면 로컬스토리지에 동기화가 되지 않는다..

  1. var aRecord = aStore.getAt(0)
  2. aRecord.set('fieldName', '!!!!!!');
  3. aStore.sync();


하지만 아래와 같이 setDirty를 해주게 되면 dirty 값이 true로 바뀌게 되고 Store는 sync()를 통해 localStorage 와의 동기화를 하게 된다.

  1. var aRecord = aStore.getAt(0)
  2. aRecord.set('fieldName', 'updated data');
  3. aRecord.setDirty();
  4. aStore.sync();
이 댓글을 비밀 댓글로