[안드로이드] StackView 이미지(Image) 정렬하는 방법

이번 시간에는 StackView를 통해서

이미지 정렬하는 방법에 대하여

알아보겠습니다.

---

목차

1. 실행 화면

2. 아이템 화면 만들기 item.xml

3. 아이템 어뎁터 만들기 ItemAdapter.java

4. 메인 화면 구성 activity_main.xml

5. 메인 코드 구현 MainActivity.java

---

1. 실행 화면

 

2. 아이템 화면 만들기 item.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:cardCornerRadius="10dp">

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:scaleType="centerCrop"
        android:src="@drawable/dog1" />
</androidx.cardview.widget.CardView>

2022.01.01 - [안드로이드] - [안드로이드 스튜디오] 레이아웃 추가하는 방법

[안드로이드 스튜디오] 레이아웃 추가하는 방법

 

3. 아이템 어뎁터 만들기 ItemAdapter.java

public class ItemAdapter extends ArrayAdapter {
    
    List<Integer> images;
    Context context;
    int itemLayout;

    public ItemAdapter(List<Integer> images, Context context, int resource){

        super(context, resource);
        this.images = images;
        this.itemLayout = resource;
    }

    @Override
    public int getCount() {
        return images.size();
    }

    @Nullable
    @Override
    public Object getItem(int position) {
        return images.get(position);
    }

       @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup viewGroup) {

        if(convertView == null){
            convertView = LayoutInflater.from(viewGroup.getContext()).inflate(itemLayout, viewGroup,
                    false);
        }

        Integer image = images.get(position);

        ImageView imageView = convertView.findViewById(R.id.image_view);

        imageView.setImageResource(image);

        return convertView;
    }
}

2021.12.31 - [안드로이드] - [안드로이드 스튜디오] 자바 클래스 생성하는 방법

[안드로이드 스튜디오] 자바 클래스 생성하는 방법

 

 

4. 메인 화면 구성 activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <StackView
        android:layout_width="match_parent"
        android:layout_height="400dp"
        android:id="@+id/stack_view"
        android:layout_centerHorizontal="true"
        />
</RelativeLayout>

 

5. 메인 코드 구현 MainActivity.java

public class MainActivity extends AppCompatActivity {

    StackView stackView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        stackView = findViewById(R.id.stack_view);

        ItemAdapter itemAdapter = new ItemAdapter(createImage(), MainActivity.this
                , R.layout.item);

        stackView.setAdapter(itemAdapter);
    }


    private List<Integer> createImage(){

        List<Integer> images = new ArrayList<>();
        images.add(R.drawable.dog1);
        images.add(R.drawable.dog2);
        images.add(R.drawable.dog3);
        images.add(R.drawable.dog4);

        return images;
    }
}

dog1.jpg

0.10MB

dog2.jpg

0.10MB

dog3.jpg

0.08MB

dog4.jpg

0.07MB

2022.01.14 - [안드로이드] - [안드로이드] 선택한 사진 가져와서 이미지뷰(ImageView)에 보여주는 방법

[안드로이드] 선택한 사진 가져와서 이미지뷰(ImageView)에 보여주는 방법

2022.01.15 - [안드로이드] - [안드로이드] 나만의 큐알코드(QR CODE) 만드는 방법

[안드로이드] 나만의 큐알코드(QR CODE) 만드는 방법

2022.01.16 - [안드로이드] - [안드로이드] 큐알코드(QR CODE) 스캔 하는 방법

[안드로이드] 큐알코드(QR CODE) 스캔 하는 방법