alloy에서 오른쪽에 버튼 설정

안녕하세요

alloy를 이용해 상단 바를 구성하고 오른쪽에 버튼을 두어 누르면 화면이 일정크기만큼 밀려가도록 만들려고 합니다.

그래서

#menuButton”:{
width: “60dp”,
height: “60dp”,
right:0
}

했더니 그냥 left:0과 같은 효과를 내더군요…ㅠㅠ

많은 조언 부탁드립니다.

글 작성과 관련된 안내글에도 나와있듯이 질문을 하실 때는 아래와 같은 정보를 주셔야 다른 분들이 도움을 드리기 편합니다.

Titianium SDK 버전 : 예) ti 3.1.3.ga
OS 버전 : 예) osx 매버릭스, win 8 32bit
mobile OS 버전 : 예) android 4.2, ios 7
이 외에도 관련된 것들의 버전정보 smile

그리고 어떤 것을 구현하시려는지 좀 더 자세한 설명이 있으면 좋을 거 같아요. 무리가 없다면 캡쳐나 소스를 좀 더 알려주시는 것도 다른 사람들이 이해하는데 도움이 됩니다.

<Alloy>
	<View id="mainView">
		<View id="mainTopBar">
			<View id="menuButton"/>
		</View>
		<View id="content">
			<View id="menu">
				<View id="weather" class="list" onClick="weather"></View>
				<View id="today" class="list" onClick="today"></View>
			</View>
			<View id="menu">
				<View id="job" class="list" onClick="job"></View>
				<View id="free" class="list" onClick="free"></View>
			</View>
			<View id="menu">
				<View id="food" class="list" onClick="food"></View>
				<View id="flea" class="list" onClick="flea"></View>
			</View>
			<View id="menu">
				<View id="share" class="list" onClick="share"></View>
				<View id="bus" class="list" onClick="bus"></View>
			</View>
		</View>
	</View>
</Alloy>
"#mainView":{
	height: Ti.UI.FILL,
	width: Ti.UI.FILL,
	layout: 'vertical',
	backgroundColor: 'white'
},

"#mainTopBar":{
	top: 0,
	width: Ti.UI.FILL,
	height: "50dp",
	backgroundColor: '#5086ca',
	opacity: "90%",
	layout: 'horizontal'
},

"#menuButton":{
	right:0,
	width: "50dp",
	height: "50dp"
},

"#content":{
	layout:'vertical'
},

"#menu":{
	height: "20%",
	layout:'horizontal',
	width: Ti.UI.FILL,
},

".list":{
	width : "50%"
},

"#weather":{
	backgroundImage: '/main/main_day.png'
},

"#today":{
	backgroundImage: '/main/main_todaymenu.png',
},

"#job":{
	backgroundImage:'/main/main_employment.png'
},

"#free":{
	backgroundImage:'/main/main_freeboard.png'
},

"#food":{
	backgroundImage:'/main/main_restaurant.png'
},

"#flea":{
	backgroundImage:'/main/main_fleamarket.png'
},

"#share":{
	backgroundImage:'/main/main_sharing.png'
},

"#bus":{
	backgroundImage:'/main/main_bus.png'
}

현재 코드는 이렇게 됩니다
감사드립니다.

@leehanjun 코드를 보기 좋게 하려면 http://tidev.kr/t/bbcode/187/2?u=yomybaby 에서 처럼 코드 윗줄과 아랫줄에 ``` 를 넣어주면 됩니다.^^

질문에 대한 답변은 @jamesjung (정영석) 님이 자세히 해주셨네요. :smile:

감사합니다.
위에 mcongrove위젯은 어떻게 사용하나요?
import 한 다음에 widget에 com.mxxxxx폴더 생성하고 config.에서 추가까지 시켜주었습니다. github설명에 나온 Initialize Menu (JS)와 Slide Animation Code Example (JS)이 이해가 가질 않는군요^^;;

우선적으로 controller/index.js에 Slide Animation Code Example (JS)를 model/index.js에 Initialize Menu (JS) 넣었더니 오류가 납니다.

많은 조언 부탁드립니다.

감사합니다. 1월 중 블로터아카데미는 취소된건가요?ㅠㅠ
앞으로 많은 조언 부탁드립니다.

1월을 일정상 진행하지 않고 2월에 진행합니다.^^
1월중에는 블로터아카데미에서 '나는 이렇게 javascript로 모바일 앱과 서버를 만든다.'라는 느낌으로
titanium을 이용해서 탭을 어떻게 만드는지 보여주고 소개 형식의 강좌를 계획하고 있습니다.

날짜가 잡히는데로 알려드릴께요.^^ 아마 평일 저녁일겁니다.