메뉴 건너뛰기

XE 푸시 앱

Atachment
첨부 '2'
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

 

이 기능은 웹뷰버전만 해당됩니다.

 

 

144227205370311.jpg

 

 

여기서 메뉴버튼을 누르면 슬라이드 메뉴가 나오도록 동작하고,

 

 

 

14422720480681.jpg

 

 

위의 그림처럼 메뉴슬라이드가 동작상태때 '뒤로가기'버튼을 누르면 메뉴슬라이드를 사라지게 하도록 하는 팁입니다.

 

우선 모듈 환경설정에서 "앱 기본 설정" -> "메뉴버튼 기능 사용여부" -> "메뉴버튼 기능 사용"으로 설정주시고... 모바일 레이아웃 layout.html파일을 수정합니다. 여기서부터는 모바일 레이아웃에 따라 코드가 달라집니다. 현재는 스윗 모바일과 flat 모바일만 연구가 되었습니다.

 

1) 스윗 모바일 레이아웃

 

layout.html 상단부분 아무곳이나

 

<script>

jQuery(function($){
 $("#menu").mmenu({
  slidingSubmenus: false
 });
});

function menu_status(){
 if(jQuery('#menu').hasClass('mm-opened')){
  window.myJs_menu.callAndroid_menu('open');
 }else{
  window.myJs_menu.callAndroid_menu('close');
 } 
}

function menu_close(){
 jQuery('#menu').trigger('close');
}

function menu_open(){
 jQuery('#menu').trigger('open');
}

</script>

 

이 코드를 삽입합니다.

 

2) flat 모바일

 

역시 layout.html 상단부분 아무곳이나 아래의 소스를 첨가합니다.

 

<script>

function menu_status(){
 var status = jQuery('#menu-wrap').css("display");  
 var re_status = status.indexOf('k');
 if(re_status>0){
  window.myJs_menu.callAndroid_menu('open');
 }else{
  window.myJs_menu.callAndroid_menu('close');
 } 
}

function menu_close(){

 jQuery(".menu-dummy").trigger("click"); 

}

function menu_open(){
 var status = jQuery('#menu-wrap').css("display");  
 var re_status = status.indexOf('k');
 if(re_status>0){
  jQuery(".menu-dummy").trigger("click"); 
 }else{
  jQuery(".menu-trigger").trigger("click");
 } 
 
}

  </script>

 

 

 

 

  • ?
    루엔 2016.03.17 18:10
    QuickstartPreferences.java파일에서 menubutton항목이 안보입니다..ㅠ
  • ?
    관리자 2016.03.17 18:14
    아 업그레이드 되면서 바뀌었습니다. 방금 팁 수정했습니다.
  • ?
    웹지기 2016.03.17 21:49
    어...전 잘되는데 플랫모바일도 바뀌었나요??
  • ?
    관리자 2016.03.17 21:50
    아닙니다 앱소스 설정부분이 모듈로 간 부분이 반영이 안되어서요 수정했습니다
  • ?
    웹지기 2016.03.17 21:52
    아... 스크립트가 바뀌었다는게 아니구 위에 설명이 바뀌었다는 거군요.
  • profile
    혜민이아빠3401 2016.09.06 11:48
    xe 자료실에 검색해 봤는데 flat 모바일은 찾을 수 없는데
    스윗모바일밖에 안보여서요
  • ?
    관리자 2016.09.06 12:08
    flat 스킨은 xe마켓에 유료로 판매되고 있는 레이아웃입니다. 아주 많은 사람들이 사용하고 있기 때문에 xe푸시앱이 flat스킨을 지원하고 있어요^^
  • profile
    혜민이아빠3401 2016.09.06 12:18
    아하 유료였네요 ^^;; 감사합니다
  • profile
    혜민이아빠3401 2016.09.08 17:11

    스윗 모바일 레이아웃을 적용하려고 위에 소스를 붙여넣기 했는데 작동이 안되서 그러는데
    메뉴버턴을 꾹 누르고 있어도 안먹는듯한데...
    저기 소스를 스윗모바일 layout.html 에 상단에 넣으면 되는건가요?

  • profile
    혜민이아빠3401 2016.09.08 17:15
    아... 모듈 설정에 메뉴기능사용을 체크 안했네요 ^^;;

팁 게시판

앱 제작시 유용한 팁이나 자료들을 나누는 게시판입니다. 해당 내용들은 모두 프리미엄 버전을 위한 팁입니다.

List of Articles
번호 제목 글쓴이 최근 수정일 조회 수
21 스케치북 스킨이 아닐 경우 킷캣버전 파일 업로드를 위한 파일 수정 방법 3 관리자 2015.11.08 454
20 모바일 페이지에서 '로그인' 눌렀을 때, 앱일 경우 앱 로그인으로 연결하는 방법 file 관리자 2015.12.11 513
19 기타 모듈도 푸시 알림이 되도록 하는 방법 3 관리자 2016.01.21 403
18 앱상에서 외부 사이트 페이지 나타날 수 있도록 하는 방법 1 관리자 2016.01.28 331
17 관리자 공지 사항 무조건 알림 가도록 하는 방법 관리자 2016.01.28 326
16 퀵 메뉴 색깔 위치 수동변경 방법 관리자 2016.03.18 441
15 small icon 색상변경 위한 이미지 원본 파일 2 file 관리자 2016.03.31 310
14 알림음 바꾸는 방법 관리자 2016.04.02 768
13 권한 에러가 되었을 때 메시지 모듈 로그인 화면에서 앱 로그인으로 링크시키는 방법 3 file 관리자 2016.05.09 397
12 GCM API 키 받기 file 관리자 2016.07.05 1446
11 마켓 플레이스 연동 위해 모듈 수정 방법 11 file 관리자 2016.07.07 634
» flat 모바일 레이아웃과 sweetMobile 레이아웃 메뉴버튼과 뒤로가기 버튼 동작 10 file 관리자 2016.09.08 1143
9 스마트폰에 내장된 네이버나 크롬등의 브라우저로 모바일 페이지에 접속할 경우와 웹뷰버전 앱으로 모바일 페이지에 접속할 경우 다르게 보이도록 하기 4 관리자 2017.06.13 949
8 하단메뉴 & 퀵메뉴 설정 방법 안내! file 관리자 2017.12.29 736
7 다른 모듈에서 푸시 알림 보내는 기능 넣는 방법(2018년 2월 8일 수정) 9 관리자 2018.02.08 748
6 GPS 기능 및 앱 사용자 현재 위치 파악할 수 있는 기능 넣기 5 관리자 2018.02.13 1066
5 admob 사용하는 방법 8 file 관리자 2018.06.12 1652
4 (xe코어 1.11.0버전 반영)회원가입 프로필 사진 파일 업로드를 위한 xe코어 member모듈 수정 16 file 관리자 2018.10.11 1909
3 xe 1.9.3 이상버전에서 첨부파일 오류 해결 위한 패치파일(xe 1.11.0버전 반영, 2018-10-11) 14 file 관리자 2018.10.15 616
2 자바스크립트로 앱로그인,앱설정창,전면애드몹,공유화면 호출하는 방법 관리자 2020.02.12 164
Board Pagination Prev 1 2 Next
/ 2