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. 파일을 저장하면 이미지가 화면에 나옵니다.