스케치웨어/위젯
덤프버전 : (♥ 1)
분류
![파일:나무위키+상위문서.png](http://obj-sg.the1.wiki/d/82/8a/0bb4602568cf2876f4e245107c482e7872ef091d5e44bbef84992a5b4c06186a.png)
![파일:나무위키+넘겨주기.png](http://obj-sg.the1.wiki/d/d8/8c/ea7c300a082c0537f64c270121caf3d1e3feb9ebd6444720994fa429410c7b48.png)
1. 레이아웃 위젯[편집]
1.1. Linear(H)[편집]
![파일:sketchware_layout_LinearH.png](http://obj-sg.the1.wiki/d/c2/dd/aac1fcb2dc7ef040d524a181253fea49b477491f784b695bbd6040777015095c.png)
수평배치 레이아웃.
내부 위젯을 수평으로 배치 가능하다.
1.2. Linear(V)[편집]
![파일:sketchware_layout_LinearV.png](http://obj-sg.the1.wiki/d/cd/84/81bbe3c22ad7e79f4b22e4c1f0d08d1a604d454e9cc06e792d3e97c8d022eb22.png)
수직배치 레이아웃.
내부 위젯을 수직으로 배치 가능하다.
1.3. Scroll(H)[편집]
![파일:sketchware_layout_ScrollH.png](http://obj-sg.the1.wiki/d/ca/ae/2dff4f75a4d01773591e18c28ee25bbb8234ebc5032dedbdcf8f5b85485d2e4b.png)
가로 스크롤뷰.
내부 위젯이 가로로 길어 화면을 벗어날경우 스크롤을 해서 짤린 부분을 볼 수 있다.
그러나 내부에 한개의 위젯만 배치 가능해서 수직, 수평 레이아웃중 한개를 넣은후 그안에 넣어서 사용해야한다.[1]
1.4. Scroll(V)[편집]
![파일:sketchware_layout_ScrollV.png](http://obj-sg.the1.wiki/d/1b/d5/896f6a619a9e687654122ca8ce356d00b3587e1fc049ee68d1939a30bd54b1a3.png)
세로 스크롤뷰.
내부 위젯이 세로로 길어 화면을 벗어날경우 스크롤을 해서 짤린 부분을 볼 수 있다.
그러나 마찬가지로 내부에 한개의 위젯만 배치 가능해서 수직, 수평 레이아웃중 한개를 넣은후 그안에 넣어서 사용해야한다.
2. 일반 위젯[편집]
2.1. TextView[편집]
![파일:sketchware_widget_TextView.png](http://obj-sg.the1.wiki/d/2f/d4/ae62b7a92fd802b4f27b09bcd31b53e31f89a2094c189d97a443cb6e29a0275d.png)
텍스트뷰는 말그대로 텍스트를 표시 해주는 위젯이다.
텍스트의 색, 스타일, 크기등 조절이 가능하며, 버튼과 같이 앱 내에서 매우 많이 사용된다.
관련 이벤트:
onClick: 텍스트뷰 터치시 작동.
2.2. EditText[편집]
![파일:sketchware_widget_EditText.png](http://obj-kr.the1.wiki/d/e1/d5/100e5477b01e7257e1d201ddbbdf571c1867ac2d7231c165e18d2967f395ff4b.png)
에딧 텍스트는 텍스트를 편집 할 수 있는 위젯이다.
빈칸을 눌러서 직접 텍스트입력이 가능하다.
관련 이벤트:
onClick: 에딧 텍스트 터치시 작동.[2]
onTextChanged: 에딧 텍스트의 텍스트가 변경될때 마다 작동.
2.3. Button[편집]
![파일:sketchware_widget_Button.png](http://obj-sg.the1.wiki/d/a7/6b/24245835107e7b4b86de6405ae122b49e8e9861d01534fb26b9307e1312a8f7b.png)
클릭 이벤트를 처리함.
관련 이벤트:
onClick: 버튼 터치시 작동.
2.4. ImageView[편집]
![파일:sketchware_widget_ImageView.png](http://obj-sg.the1.wiki/d/6c/58/e839c4eb0dba2138fa58f0db1431a68b2b53c73847e8fbebf03c17bd353e8181.png)
이미지뷰는 앱 내에서 이미지(사진)을 보여줄때 사용하는 위젯이며 gif확장자는 재생 되지 않는다.[3]
관련 이벤트:
onClick: 이미지뷰 터치시 작동.
2.5. CheckBox[편집]
![파일:sketchware_widget_CheckBox.png](http://obj-kr.the1.wiki/d/b3/b7/d0ff708fe9c2914828e82eaa0c5c5bfb1c55ad559dcf79adfa18063c78c4ac49.png)
체크박스는 터치시 체크/해제 두개의 상태가 번갈아 가면서 표시된다. 보통 일정등에쓴다.
관련 이벤트:
onClick: 체크박스 터치시 실행
onCheckedChange: 체크박스 상태 변경시 실행.
2.6. Spinner[편집]
![파일:sketchware_widget_Spinner.png](http://obj-sg.the1.wiki/d/ef/6c/001ce2a51c8750870056d5786e0e8cb83f0bfd7f8ff8cfd3b7fdc6399accf2c4.png)
여러 목록을 다이얼로그로 보여주고 선택할 수 있는 위젯. 모드는 드롭다운과 다이얼로그 모드가있다.
관련 이벤트:
onItemSelected: 스피너의 아이템이 선택되면 실행.
2.7. ListView[편집]
![파일:sketchware_widget_ListView.png](http://obj-kr.the1.wiki/d/a5/3d/0e344e058d008d03066aa2bb7ceccb3b54d73d163ec3272a9c183a405ac6211f.png)
여러항목을 리스트로 보여주며 선택할 수 있다.
또한 커스텀 리스트뷰도 만들수 있다.[4][5]
관련 이벤트:
onItemClicked: 아이템 터치시 작동.
onItemLongClicked: 이이템 길게 터치시 작동.
2.8. WebView[편집]
![파일:sketchware_widget_WebView.png](http://obj-sg.the1.wiki/d/0b/a3/06b216a09bd987d063de7d56a892acc6d02e7ee53a3a0afbef55c1738d6f5e94.png)
웹페이지의 모습을 보여주는 위젯이다.
그러나 다운로드 등을 활성화/비활성화 하기 위해서는 따로 Java코드를 추가 해야한다.
관련 이벤트:
onPageStarted: 페이지 로드 시작시 작동.
onPageFinished: 페이지 로드 완료시 작동.
2.9. Switch[편집]
![파일:sketchware_widget_Switch.png](http://obj-sg.the1.wiki/d/d4/82/f13738b6639916c053f4e12c654126e03ce7d853a79c4c02bd4866814b8dffbf.png)
켜고 끌수 있는 위젯이다. 보통 설정창에서 볼 수 있다.
관련이벤트:
onClicked: 터치시 작동.
onCheckChanged: 상태 변경시 작동.
2.10. SeekBar[편집]
![파일:sketchware_widget_SeekBar.png](http://obj-sg.the1.wiki/d/ae/5e/e1c341d4672c9e9d390866674470f5c1cd0255d3c01cc6369897c21430d5144a.png)
시크바는 사용자가 썸네일 부분을 잡고 슬라이드 해서 값을 조정할 수 있는 위젯이다. 최소값과 최대값을 지정할 수있다.
관련 이벤트:
onProgressChnged: 프로그래스 값이 변경될 시 작동.
onStartTrackingTouch: 썸네일이 움직일시 작동.
onStopTrackingTouch: 썸네일이 멈출시 작동.
2.11. CalendarView[편집]
![파일:sketchware_widget_CalendarView.png](http://obj-kr.the1.wiki/d/49/82/ee8951e1f410aa646ce1a5bd2743352b631b051c3613d9551d743287a29bf471.png)
캘린더뷰는 달력을 보여주며 날짜를ms(밀리초, 1/1000초)단위로 지정 가능하다[6] . 0ms는 1970년1월1일이다. 설정하지 않을시 오늘의 날짜로 이동한다.
관련 이벤트:
onDateChanged: 날짜 변경시 작동.
2.12. AdView[편집]
![파일:sketchware_widget_adview.png](http://obj-sg.the1.wiki/d/24/0f/cef89e38ce22aa3e9f2f3153bcde859872a555f6ae7baf313f2cc573d0ff7958.png)
애드뷰는 구글의 애드몹을 이용하여 앱 내부에 광고를넣고, 수익을 창출할 수 있다. 단 프리미엄구매를 해야 추가가 가능하다.
관련 이벤트:
onAdOpened: 광고가 열리면 작동.
onAdClosed: 광고가 닫히면 작동.
onAdLoaded: 광고가 로드되면 작동.
onAdFailed: 광고 로드에 실패하면 작동
2.13. MapView[편집]
![파일:sketchware_widget_mapview.png](http://obj-sg.the1.wiki/d/84/ad/4600524c9dedde1057bc56be2320dba6af9e56ba8642fa0f7eca1ed7abfe4c12.png)
맵뷰는 구글의 지도를 이용하여 앱 내부에 지도를 넣는다.
[1] 위젯하나만 넣을 수 있다.[2] 글자 입력하고 있는 중에도 작동한다.[3] 이건 안드로이드 스튜디오 등에서도 나타나며, 재생 하려면 Glide같은 라이브러리를 써야 한다.[4] 커스텀 리스트뷰 강좌[5] 커스텀 리스트뷰 내부에서는 에딧 텍스트가 작동하지 않는다.[6] 다만 밀리초로만 지정할 수 있어 매우 복잡하다.