[Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

Home > 게시판 > Sencha Touch

Sencha Touch

Sencha Touch 관련 뉴스와 질문답변 (게시판담당 : 꺽다리 김종광님)

글 수 37

[Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

조회 수 6969 추천 수 0 2012.01.29 15:48:14

꺽달이 http://www.webdevmobile.com/xe/54868

안녕하세요.
꺽달이 김종광입니다.

모바일 웹앱 만들면서 jQuery Mobile 과 Sencha Touch 를 자주 쓰고 있습니다.
아직은 손에 익어서 그런지 Sencha Touch 가 편리합니다.
(사실 기능도 강력 하지요.)

문제는
Card Layout 에서 cardSwitchAnimation 값을 주었을 때
안드로이드에서 미세하게 깜빡이는 현상이 있다는 겁니다.
(iOS 계열에서는 애초에 발생하지 않습니다.)

참고 : 안드로이드 기본 브라우저가 아닌 [돌핀] 브라우저에서는 깜빡이는 현상이 없지요.
(대체 구글은 브라우저를 어떻게 만든거야?!)
그나마 안드로이드폰의 CPU가 빨라지면서 깜빡이는 현상이 살짝 감춰지기는 했습니다.

해결하는 방법이 없던 것은 아닙니다.
구글링 열심히 하면 딱 1개의 자료가 찾아 집니다.

URL : http://www.senchatouchbits.com/6/fixing-flickering-of-animations-in-phonegap.html

.x-panel {
    -webkit-backface-visibility: hidden;
}

아무리 찾아봐도 이것 뿐인데 이것 조차 잘 찾아지지도 않았죠.

위 방법으로 깜빡이는 현상은 해결 할 수 있었으나 ,사용하지 않았던 이유는
부작용이 심했습니다.;;;

Bottom Tabs 의 이미지가 없어지고,
Map Panel 이 깨져 보이고
몇몇 화면에서 다른 버그를 양산 했습니다;;

곧 Sencha 에서 패치 해 주겠지~ 하면서 아무리 기다려도 이 문제는 아직까지 남아 있습니다.

Sencha Touch 1.1.1 까지 해결 되지 않았습니다.
그러나 Sencha Touch 2.0 Preview 부터는 해결되어 있습니다.

그러던 와중에 해결책이 나왔네요.

index.html 에 아래 코드를 넣으시면 됩니다.

<style>
.x-panel {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
</style>

Web Service 와 PhoneGap 둘 다 테스트 해봤는데요
Bottom Tabs , Google Map 모두 다 잘 됩니다.

cardSwitchAnimation 시 깜빡이는 현상은
Sencha Touch 의 치명적인 약점이 아닐 수 없었는데, 잘 해결되어 반갑습니다.

해결법이 간단하니 한번 적용해 보시기 바랍니다.
감사합니다.

꺽달이 김종광

- Blog : jongkwang.com
- Twitter : @jongkwang
- Facebook : https://facebook.com/kimjongkwang

이 게시물을...

연관글 리스트

Sencha Touch 국제 공인 교육과정 모집 || 글쓴이 : 웅이
Korea Sencha User Group 에서 2차 모임을 갖습니다. [1개] || 글쓴이 : 꺽달이
Sencha Touch 오프라인 모임을 만들었습니다. 모입시다! [34개] || 글쓴이 : 꺽달이
갤럭시노트에서 Sencha Touch 잘 돌아가네? [1개] || 글쓴이 : 꺽달이
갤럭시 노트에서의 Sencha Touch 실망이군요 [1개] || 글쓴이 : 꺽달이
이번 프로젝트도 Sencha Touch 가 낙점되었습니다. [1개] || 글쓴이 : 꺽달이
HTML5 / PhoneGap / SenchaTouch 10월 교육과정 - 미래웹기술연구소 아카데미 || 글쓴이 : 꺽달이
[인사이트랩]Html5 및 기타 분야 프로그래머를 '귀하게' 모십니다 || 글쓴이 : 허니허니
반갑 습니다..^^ || 글쓴이 : 와퍼
sencha touch의 목적? [4개] || 글쓴이 : 써클마루

좋은 세미나로 인연이 닿았습니다.

Sencha Touch / HTML5 / HybridWeb 으로 열심히 해서

좋은 글 올리도록 노력하겠습니다.

감사합니다. 꺽달이 김종광 (Twitter : @jongkwang )

: Sencha Touch

엮인글 '92'

http://www.webdevmobile.com/xe/index.php?document_srl=54868&act=trackback&key=7b4

2013.05.20 18:48

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.20 13:33

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.20 08:05

PayPal has now established itself as a great way for businessmen to receive and send money to fund their purchases and even to pay for services.

2013.05.20 05:58

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.20 04:25

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.20 02:28

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 23:59

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 23:59

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 21:56

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 18:19

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 18:19

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 18:11

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 13:05

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 13:05

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 13:05

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 11:25

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 07:21

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.19 00:16

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.18 21:07

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.18 16:54

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.18 16:54

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.18 14:43

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.18 14:42

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.18 13:09

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.18 12:19

welcome to vibram five fingers store

2013.05.18 10:58

This image shows the front suspensions making use of surroundings bags removed. Structure your new air conditioning plastic bag insides kit right now! The way whether one of these simple additionally leaf springs, sometimes categorised as helper spgs; or provide revocation oxygen backpacks. We aren't speaking about ticket shock or sometimes assistant safety bags for ones headgear; your work, however , multiple. Region ended up allegations to do with air flow plastic bag insides that she. Most air conditioning container revocation and a sky plastic carrier bag insides reflect. These kinds of totally subject to shifts air conditioner backpacks strengthen your entire revocation reduce sag, bottoming outside, sway and many more. Say you decided to face obtaining using airbag headgear, avoid getting discouraged, actually appreciate it's possible that you'll result replacement of getting this done which includes a established put in place.

2013.05.17 17:59

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.17 00:19

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.16 15:21

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.16 15:21

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.16 07:03

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.16 04:14

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.16 04:14

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 22:31

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 22:31

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 22:30

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 22:30

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 22:30

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 16:40

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 11:52

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 06:25

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 00:37

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.15 00:37

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.14 19:19

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.14 14:27

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.14 14:27

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.14 10:06

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.13 23:10

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.13 18:56

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.13 18:56

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.13 16:43

As Christina Passariello wrote within a recent Wall Street Journal write-up, Louis Vuitton, with its flagging growth and logo-covered bags, now finds itself in the throes of the style small business?ˉ most baffling paradox ¨C how do you sell bags to as several men and women as you can without becoming a business that?ˉs connected with mass-market consumerism as an alternative to rarified luxury? A minimum of correct now, LVMH execs believe that the option to that difficulty may be to raise costs across the board. Vuitton?ˉs development has slowed in recent months because luxury-hungry consumers in emerging markets like China are becoming quickly much more sophisticated; in essence, they want subtle leather bags as an alternative to the logo-covered canvas pieces which are Vuitton?ˉs bread and butter, as well as being the brand?ˉs most visible symbol. So how, precisely, may a value hike help?

2013.05.13 14:44

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.13 14:44

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.13 10:54

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.13 05:35

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.13 00:16

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.13 00:16

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.12 22:28

The only real of the Nike actually contains a square sample, it really is to even out the strain on it hits the ground and boosts longevity all around.

2013.05.12 20:06

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.12 20:05

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.12 20:05

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.12 15:59

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.12 15:10

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.12 12:07

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.12 12:07

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.12 02:25

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.11 20:20

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.11 12:52

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.11 08:52

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.11 08:52

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.11 08:52

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.11 04:44

Hey very nice website!! Man .. Excellent .. Amazing .. I'll bookmark your web site and take the feeds also厈I am|I'm} happy to find a lot of useful information here in the post, we need work out more strategies in this regard, thanks for sharing. . . . . .

2013.05.11 01:49

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.09 22:00

payday loans text

2013.05.09 08:51

And lots of part-time jobs that exist don't pay nearly the same amount of cash

2013.05.08 06:28

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.07 10:08

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.05.06 18:33

get a personal loan

2013.04.30 06:43

this is a 좋은 사이트

2013.04.28 09:50

Weight loss The general public some point throughout their life wanted to or had to lose weight

2013.04.27 01:25

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.04.25 19:03

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.04.24 12:35

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.04.24 02:24

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.04.15 15:45

The cost of living is more today pc was last year, as well as last month. The ramifications of being overdrawn or missing vital payments might be severe and a lot reaching. Furthermore, you can easily derive of fast cash without pledging collateral against Payday loans for individuals with bad credit scheme. The one's who offer to help you repay the borrowed funds, are making the money by charging an increased interest rate in case you miss a payment, or are late for a day. You can also get the chance to mend your fico scores with timely repaying back the borrowed funds amount. pay day loans bad credit

2013.04.04 14:51

Furthermore, addititionally there is lack of vitamins like A, D, E, K and beta-carotene within the body of the people who uses this kind of weight loss supplement. This may create an enzyme that may efficiently control any excess calories within the body. Scammers can be incredibly smart when they want to get. While many have experienced great success, impressive weight loss, and enjoy the positive benefits that this appetite suppressant, Phentermine, has had them; there are still many others who find the negative facets of the weight loss supplement quite overwhelming and frequently unbearable. The results of taking a weight loss supplement are much more practical and can be easily felt, instead of the subtle 'boosters' that supplements are.

2013.03.31 02:03

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.03.30 14:02

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.03.20 14:25

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.03.16 03:36

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.01.25 21:14

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2013.01.20 00:58

Sencha Touch - [Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결

2012.01.29 17:18:14

오호 좋은팁이네요. 해결하셨군요.

실무에서 센차를 쓰시는 분들에겐 이 팁 하나가 한 줄기 빛과 같을 것 같네요. ㅎㅎ

한편으로는 다른 단말에서 의도하지 않은 사이드 이펙트가 있을 수도 있지 않을까 우려되네요.
해당 속성들에 대해서 좀 더 자세히 알아봐야겠다 싶습니다.

List of Articles

번호	제목	글쓴이/날짜	조회	추천
37	몇몇 기기에서 스크롤 오류 발생..?! [101]	박하나무 2013-02-15	1776
36	Sencha Touch 국제 공인 교육과정 모집 [59]	웅이 2012-07-17	4220
35	미래웹기술연구소, 센차터치 공인교육 시작 [191]	웅이 2012-07-11	5479
34	센차터치의 리스트 구현시 리스트(Ext.List) 아이템 클릭시 문제 [44]	녹두 2012-03-23	6020
33	[도와주세요] 화면이 밀립니다. [2] [71]	rakoos 2012-02-29	5350
32	이미지맵 링크를 원하는 Panel로 열수 있을까요. [90]	웹에이블 2012-02-22	5778
31	Korea Sencha User Group 에서 2차 모임을 갖습니다. [1] [29]	꺽달이 2012-02-17	5766
30	Sencha touch 모임때 보여주신 webapp 동영상. [1] [46]	야무치2 2012-02-10	5791
29	[Sencha Touch] Panel의 fullscreen 프로퍼티를 지정하느냐 마느냐의 차이. [1] [26]	Booh 2012-02-09	5449
28	Sencha Touch 오프라인 모임을 만들었습니다. 모입시다! [34] [43]	꺽달이 2012-01-31	7851
»	[Sencha Touch] 안드로이드에서 onCardSwitch 할 때 깜빡이는 현상 해결 [1] [92]	꺽달이 2012-01-29	6969
26	갤럭시노트에서 Sencha Touch 잘 돌아가네? [1] [3]	꺽달이 2012-01-09	6692
25	갤럭시 노트에서의 Sencha Touch 실망이군요 [1] [45]	꺽달이 2012-01-05	7725
24	textarea 키패드 누른후, 쓰고 탭이 원상복귀가 안되요~ [2] [14]	떡스 2011-11-14	7189
23	sencha touch에서는 footer를 어떻게 해야할까요.. [118]	Third_J 2011-10-26	8535
22	Sencha Touch + PhoneGap 에서 트위터 인증 [1] [8]	스트라우스 2011-08-31	7580
21	[동영상] Step02 : JSON and Panel [5] [25]	꺽달이 2011-08-16	8339	2
20	Sencha가 안드로이드에서 깜빡 거리는 문제에 대해 질문있습니다. [9] [24]	블로 2011-08-12	11410
19	[동영상] Step01 : Install and HelloWorld [10]	꺽달이 2011-08-06	8614	2
18	Sencha Touch 에 Chart 기능이 추가 되었습니다. [2] [149]	꺽달이 2011-07-22	9974	1

쓰기

첫 페이지 1 2 끝 페이지

연관글 리스트

엮인글 '92'

뉴스

게시판

강좌

소개

최근 댓글