[안드로이드] 배경화면, 버튼이미지 변경 (LinearLayout)

안녕하세요. Yo구르트입니다.

오늘은 배경화면과 버튼을 원하는 이미지로 변경시켜 보겠습니다.

 

기본화면입니다.

버튼설정은 앞선강의(액티비티간 전환)를 참조하세요.

 

1. 버튼이미지 삽입

<Button
 android:id="@+id/bgchange1"
 android:layout_width="fill_parent"
 android:layout_height="40px"
 android:text="@string/str_bg1"
 android:background="@color/red"
 />

1) main.xml에서 버튼의 배경을 설정합니다.

2) res -> values -> colors.xml파일을 생성합니다. 

<?xml version="1.0" encoding="UTF-8"?>
<resources>
  <color name="red">#ffff0000</color>
  <color name="blue">#ff0000ff</color>
</resources>

2. 배경화면이미지 삽입

1) main.xml 파일에 LinearLayout의 id를 정의합니다.

2) 원하는 이미지 파일을 드래그하여 drawable-hdpi 폴더로 옮겨줍니다.

위와 같은 창이 뜨면 OK를 선택합니다.

폴더 안에 이미지파일이 들어간 것을 볼 수 있습니다.

public class Layout extends Activity implements OnClickListener{
    /** Called when the activity is first created. */
    Button button1;
    Button button2;
    LinearLayout layout;
 @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        button1 = (Button)findViewById(R.id.bgchange1);
        button2 = (Button)findViewById(R.id.bgchange2);
        button1.setOnClickListener(this);
        button2.setOnClickListener(this);
        layout=(LinearLayout)findViewById(R.id.layout);
    }
 @Override
 public void onClick(View v){
  if(v.getId()==R.id.bgchange1){
   layout.setBackgroundResource(R.drawable.rose);
  }
  else if(v.getId()==R.id.bgchange2){
   layout.setBackgroundResource(R.drawable.cloud);
  }
 }
}

3) Layout.java 파일을 작성합니다.

Main.xml화면에 정의된 layout를 사용하여 버튼이벤트로 저장된 이미지로 배경화면이 변환되도록 합니다.


3. 결과

버튼을 클릭할 때마다 배경화면이 변하는 것을 확인할 수 있습니다.