Android - layout (2)

이번에는 기기에 사진을 넣는 예제를 하겠습니다.

사진 3장을 준비합니다.

사진이름은 소문자로만 첫글자는 영어로 띄어쓰기는 없이 해주세요.

그리고 안드로이드 프로젝트를 만들고!!!

res - drawable-hdpi 폴더에 사진을 넣어주세요!!!

그리고 layout - activity_main.xml 에서 소스작성을 해줍니다.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" 
    android:orientation="vertical">  
	
    <ImageView 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="4"
	android:src="@drawable/a1"
        />
    
    <LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="horizontal"
    android:gravity="center"
    >
        
    <ImageView 
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
	android:src="@drawable/a3"
        />
    
    </LinearLayout>
    
    <ImageView 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="4"
	android:src="@drawable/a2"
        />
</LinearLayout>


검정색으로 표시한거는 사진이름으로 작성해주시면 됩니다.

이렇게하고 실행을 해주시면!!!



사진을 어플에서 사용하려면 사진을 res폴더 drawble에 넣어둬야하고,
사진의 이름이 사진의 식별자가 되고 식별자는 소문자나 숫자로만 이뤄져야함.
사진을 뷰로 표현하는 위젯은 ImageView이고, 원하는 사진을 src속성에 지정


이제 추가해서 스크롤까지 해보겠습니다.

<ScrollView 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="4">
</ScrollView>
xml에 추가해서
위 코드를 작성해주시고 
저 코드안에 이미지뷰를 넣어주시면 스크롤이 생깁니다!!

ScrollView은 위아래 스크롤
HorizontalScrollView은 좌우 스크롤이고
스크롤안에서는 영역이 무한하기때문에 사진이 원본으로 나옵니다.


가운데 사진에 이벤트 넣기를 할게요.
버튼이 눌리면 위아래 사진이 바뀌고 버튼이 눌렸다는 토스트를 띄우는것까지
일단 토스트부터 작업하겠습니다.



버튼 이미지에 id값을 넣어주세요!!
그리고 나서 버튼을 누르면 "스왑이미지 눌림"이 나오도록
아래와같이 작성을 해주면 됩니다.





토스트가 잘나오는것이 확인됬으니 이제 사진을 바꾸겠습니다.
사진의 이미지를 바꾸기 위해 사진에도 id값을 입력해주세요.


저는 사진1을 a1img 사진2를 a2img로 id를 넣어줬습니다.




그리고나서 아이디를 findViewById까지 등록해주시고
onClick 메소드안에 소스를 작성해줍니다.
Drawable 를 사용해서 사진의 위치를 바꾸도록 하였습니다.




적용하시면 위처럼 버튼을 누를때마다 사진이 바뀝니다.