잼킷으로 미니앱 개발하기

코스 전체목록

닫기

5. 앱 화면에 이미지 넣기

 

 

 

5. 앱 화면에 이미지 넣기

 

이번에는 object를 이용해서 앱 화면에 이미지를 넣어보겠습니다.

 

 

1. 왼쪽 파일 목록에서 [image] 파일 목록에 입력하고 싶은 이미지 파일을 추가합니다. 

2. [catalog_home.sbml] 파일을 클릭합니다.

3. =object image: filename=”이미지 이름.jpg”, style=img_test  를 입력합니다.

 

 

=begin catalog

 

=object image: filename="0.jpg", style=img_test

 

=end catalog

 

 

4. [catalog_home.sbss] 파일에서 #img_test 클래스를 만들고, 서식을 입력합니다.  #img_test: scale-mode=fill, content-gravity=center, width=1pw

 

 

5. page-background-color=#FFF 로 바탕색을 하얀색으로 바꿔줍니다.

 

 

import themes.sbss

 

/catalog: page-background-color=#FFF, text-color=#F00

 

#img_test: scale-mode=fill, content-gravity=center, width=1pw

 

 

6. 파일을 저장하면 이미지가 화면에 나옵니다.

 

 

 

 

 

댓글

댓글 본문
버전 관리
Sansol Park
현재 버전
선택 버전
graphittie 자세히 보기