메뉴 건너뛰기

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 인트로 화면과 로그인 화면 배경화면 바꾸는 방법 & 타이틀 텍스트 대신에 로고 이미지 파일 나오게 하기 10 관리자 2020.07.20 2020
20 자바스크립트로 앱로그인,앱설정창,전면애드몹,공유화면 호출하는 방법 관리자 2020.02.12 147
19 xe 1.9.3 이상버전에서 첨부파일 오류 해결 위한 패치파일(xe 1.11.0버전 반영, 2018-10-11) 14 file 관리자 2018.10.15 561
18 (xe코어 1.11.0버전 반영)회원가입 프로필 사진 파일 업로드를 위한 xe코어 member모듈 수정 16 file 관리자 2018.10.11 1873
17 admob 사용하는 방법 8 file 관리자 2018.06.12 1608
16 GPS 기능 및 앱 사용자 현재 위치 파악할 수 있는 기능 넣기 5 관리자 2018.02.13 1031
15 다른 모듈에서 푸시 알림 보내는 기능 넣는 방법(2018년 2월 8일 수정) 9 관리자 2018.02.08 722
14 하단메뉴 & 퀵메뉴 설정 방법 안내! file 관리자 2017.12.29 693
13 스마트폰에 내장된 네이버나 크롬등의 브라우저로 모바일 페이지에 접속할 경우와 웹뷰버전 앱으로 모바일 페이지에 접속할 경우 다르게 보이도록 하기 4 관리자 2017.06.13 928
» flat 모바일 레이아웃과 sweetMobile 레이아웃 메뉴버튼과 뒤로가기 버튼 동작 10 file 관리자 2016.09.08 1115
11 마켓 플레이스 연동 위해 모듈 수정 방법 11 file 관리자 2016.07.07 617
10 GCM API 키 받기 file 관리자 2016.07.05 1427
9 권한 에러가 되었을 때 메시지 모듈 로그인 화면에서 앱 로그인으로 링크시키는 방법 3 file 관리자 2016.05.09 380
8 알림음 바꾸는 방법 관리자 2016.04.02 731
7 small icon 색상변경 위한 이미지 원본 파일 2 file 관리자 2016.03.31 289
6 퀵 메뉴 색깔 위치 수동변경 방법 관리자 2016.03.18 423
5 관리자 공지 사항 무조건 알림 가도록 하는 방법 관리자 2016.01.28 310
4 앱상에서 외부 사이트 페이지 나타날 수 있도록 하는 방법 1 관리자 2016.01.28 310
3 기타 모듈도 푸시 알림이 되도록 하는 방법 3 관리자 2016.01.21 384
2 모바일 페이지에서 '로그인' 눌렀을 때, 앱일 경우 앱 로그인으로 연결하는 방법 file 관리자 2015.12.11 490
Board Pagination Prev 1 2 Next
/ 2