이 예는 Android에서 Horizontal ListView를 생성하는 방법을 보여줍니다.
1단계 − Android Studio에서 새 프로젝트를 생성하고 파일 ⇒ 새 프로젝트로 이동하여 필요한 모든 세부 정보를 입력하여 새 프로젝트를 생성합니다.
친절하게 Gradle에 아래 주어진 종속성을 추가하십시오 -
implementation 'com.android.support:recyclerview-v7:28.0.0' implementation 'com.android.support:cardview-v7:28.0.0'
2단계 − res/layout/activity_main.xml에 다음 코드를 추가합니다.
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android" xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="6dp" tools:context=".MainActivity"> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_centerInParent="true" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </RelativeLayout>
3단계 − src/MainActivity.java
에 다음 코드 추가import androidx.appcompat.app.AppCompatActivity; import androidx.recyclerview.widget.LinearLayoutManager; import androidx.recyclerview.widget.RecyclerView; import android.os.Bundle; import java.util.ArrayList; import java.util.Arrays; public class MainActivity extends AppCompatActivity { RecyclerView recyclerView; RecyclerView.LayoutManager layoutManager; RecyclerView.Adapter adapter; ArrayList<String> numberName; ArrayList<Integer> numberImage; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); numberName = new ArrayList<>(Arrays.asList("Four...", "Nine... ", "Seven...", "Six...", "Ten...", "Three...", "Two...")); numberImage = new ArrayList<>(Arrays.asList(R.drawable.four, R.drawable.nine, R.drawable.seven, R.drawable.six, R.drawable.ten, R.drawable.three, R.drawable.two)); // Calling the RecyclerView recyclerView = findViewById(R.id.recyclerView); recyclerView.setHasFixedSize(true); // The number of Columns layoutManager = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false); recyclerView.setLayoutManager(layoutManager); adapter = new MyAdapter(MainActivity.this, numberName, numberImage); recyclerView.setAdapter(adapter); } }
4단계 − Java 클래스(MyAdapter.java)를 만들고 다음 코드를 추가합니다. −
import android.content.Context; import android.content.Intent; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import android.widget.Toast; import java.util.ArrayList; import androidx.recyclerview.widget.RecyclerView; class MyAdapter extends RecyclerView.Adapter <MyAdapter.ViewHolder>{ private ArrayList<String>numberName; private ArrayList<Integer> numberImage; private Context context; MyAdapter(Context context, ArrayList<String> numberName, ArrayList<Integer> numberImage) { super(); this.context = context; this.numberName = numberName; this.numberImage = numberImage; } @Override public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) { View v = LayoutInflater.from(viewGroup.getContext()) .inflate(R.layout.gridlayout, viewGroup, false); return new ViewHolder(v); } @Override public void onBindViewHolder(ViewHolder viewHolder, int i) { viewHolder.textView.setText(numberName.get(i)); viewHolder.imgThumbnail.setImageResource(numberImage.get(i)); viewHolder.setClickListener(new ItemClickListener() { @Override public void onClick(View view, int position, boolean isLongClick) { if (isLongClick) { Toast.makeText(context, "#" + position + " - " + numberName.get(position) + " (Long click)", Toast.LENGTH_SHORT).show(); context.startActivity(new Intent(context, MainActivity.class)); } else { Toast.makeText(context, "#" + position + " - " + numberName.get(position), Toast.LENGTH_SHORT).show(); } } }); } @Override public int getItemCount() { return numberName.size(); } public static class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener, View.OnLongClickListener { ImageView imgThumbnail; TextView textView; private ItemClickListener clickListener; ViewHolder(View itemView) { super(itemView); imgThumbnail = itemView.findViewById(R.id.imgThumbnail); textView = itemView.findViewById(R.id.textView); itemView.setOnClickListener(this); itemView.setOnLongClickListener(this); } void setClickListener(ItemClickListener itemClickListener) { this.clickListener = itemClickListener; } @Override public void onClick(View view) { clickListener.onClick(view, getPosition(), false); } @Override public boolean onLongClick(View view) { clickListener.onClick(view, getPosition(), true); return true; } } }
5단계 − 레이아웃 리소스 파일을 만들고 listitem에 있는 다음 코드
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="https://schemas.android.com/apk/res/android" xmlns:card_view="https://schemas.android.com/apk/res-auto" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <androidx.cardview.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="0dp" android:layout_marginLeft="5dp" android:layout_marginRight="5dp" android:layout_marginTop="9dp" card_view:cardCornerRadius="3dp" card_view:cardElevation="0.01dp"> <RelativeLayout android:id="@+id/topLayout" android:layout_width="match_parent" android:layout_height="160dp"> <ImageView android:id="@+id/imgThumbnail" android:layout_width="match_parent" android:layout_height="150dp" android:layout_above="@+id/textView" android:layout_centerHorizontal="true" android:scaleType="fitXY" /> <TextView android:id="@+id/textView" android:layout_width="fill_parent" android:layout_height="40dp" android:layout_alignParentBottom="true" android:layout_alignParentStart="true" android:layout_gravity="bottom" anroid:background="#ff444444" android:gravity="center_vertical" android:paddingStart="5dp" android:paddingEnd="2dp" android:text="Test" android:textColor="#fff" android:textSize="20sp" /> </RelativeLayout> </androidx.cardview.widget.CardView> </LinearLayout>
6단계 − 인터페이스(ItemClickListener.java)를 만들고 다음 코드를 추가합니다. −
import android.view.View; interface ItemClickListener { void onClick(View view, int position, boolean isLongClick); }
7단계 − androidManifest.xml에 다음 코드 추가
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="https://schemas.android.com/apk/res/android" package="app.com.sample"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
응용 프로그램을 실행해 보겠습니다. 실제 Android 모바일 장치를 컴퓨터에 연결했다고 가정합니다. Android 스튜디오에서 앱을 실행하려면 프로젝트의 활동 파일 중 하나를 열고 실행을 클릭합니다. 도구 모음에서 아이콘. 모바일 장치를 옵션으로 선택한 다음 기본 화면을 표시할 모바일 장치를 확인하십시오 -