Computer >> 컴퓨터 >  >> 프로그램 작성 >> Android

Android 앱에서 다단계 ListView를 만드는 방법은 무엇입니까?

<시간/>

이 예는 Android에서 다단계 listView를 만드는 방법을 보여줍니다.

1단계 − Android Studio에서 새 프로젝트를 생성하고 파일 ⇒ 새 프로젝트로 이동하여 필요한 모든 세부 정보를 입력하여 새 프로젝트를 생성합니다.

2단계 − res/layout/activity_main.xml에 다음 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:tools="https://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:padding="4dp"
   android:layout_height="match_parent"
   tools:context=".MainActivity">
   <ExpandableListView
      android:id="@+id/expendableList"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:divider="@android:color/background_light"
      android:dividerHeight="0.5dp"/>
</RelativeLayout>

3단계 − src/MainActivity.java

에 다음 코드 추가
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
public class MainActivity extends AppCompatActivity {
   ExpandableListView expandableListView;
   ExpandableListAdapter expandableListAdapter;
   List<String>expandableListTitle;
   HashMap<String, List<String>> expandableListDetail;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      expandableListView = findViewById(R.id.expendableList);
      expandableListDetail = ExpandableListData.getData();
      expandableListTitle = new ArrayList<>(expandableListDetail.keySet());
      expandableListAdapter = new CustomExpandableListAdapter(this, expandableListTitle, expandableListDetail);
      expandableListView.setAdapter(expandableListAdapter);
      expandableListView.setOnGroupExpandListener(new ExpandableListView.OnGroupExpandListener() {
         @Override
         public void onGroupExpand(int groupPosition) {
         Toast.makeText(getApplicationContext(), expandableListTitle.get(groupPosition)
            + " List Expanded.", Toast.LENGTH_SHORT).show();
      }
   });
   expandableListView.setOnGroupCollapseListener(new ExpandableListView.OnGroupCollapseListener() {
      @Override
      public void onGroupCollapse(int groupPosition) {
         Toast.makeText(getApplicationContext(), expandableListTitle.get(groupPosition) + " List Collapsed.",
            Toast.LENGTH_SHORT).show();
      }
   });
   expandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
      @Override
      public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) {
            Toast.makeText( getApplicationContext(), expandableListTitle.get(groupPosition) + "
               -> " + expandableListDetail.get( expandableListTitle.get(groupPosition)).get( childPosition), Toast.LENGTH_SHORT ).show();
            return false;
         }
      });
   }
}

4단계 − 자바 클래스(ExpandableListData.java)와 다음 코드 생성

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
class ExpandableListData {
   static HashMap<String, List<String>> getData() {
      HashMap<String, List<String>> expandableListDetail = new HashMap<>();
      List<String> myFavCricketPlayers = new ArrayList<>();
      myFavCricketPlayers.add("MS.Dhoni");
      myFavCricketPlayers.add("Sehwag");
      myFavCricketPlayers.add("Shane Watson");
      myFavCricketPlayers.add("Ricky Ponting");
      myFavCricketPlayers.add("Shahid Afridi");
      List<String> myFavFootballPlayers = new ArrayList<String>();
      myFavFootballPlayers.add("Cristiano Ronaldo");
      myFavFootballPlayers.add("Lionel Messi");
      myFavFootballPlayers.add("Gareth Bale");
      myFavFootballPlayers.add("Neymar JR");
      myFavFootballPlayers.add("David de Gea");
      List<String> myFavTennisPlayers = new ArrayList<String>();
      myFavTennisPlayers.add("Roger Federer");
      myFavTennisPlayers.add("Rafael Nadal");
      myFavTennisPlayers.add("Andy Murray");
      myFavTennisPlayers.add("Novak Jokovic");
      myFavTennisPlayers.add("Sania Mirza");
      expandableListDetail.put("CRICKET PLAYERS", myFavCricketPlayers);
      expandableListDetail.put("FOOTBALL PLAYERS", myFavFootballPlayers);
      expandableListDetail.put("TENNIS PLAYERS", myFavTennisPlayers);
      return expandableListDetail;
   }
}

5단계 − 자바 클래스(CustomExpandableListAdapter.java) 및 다음 코드 생성

package app.com.sample;
import android.content.Context;
import android.graphics.Typeface;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.TextView;
import java.util.HashMap;
import java.util.List;
import java.util.Objects;
class CustomExpandableListAdapter extends BaseExpandableListAdapter {
   private Context context;
   private List<String> expandableListTitle;
   private HashMap<String, List<String>> expandableListDetail;
   CustomExpandableListAdapter(Context context, List<String> expandableListTitle, HashMap<String, List<String>> expandableListDetail) {
      this.context = context;
      this.expandableListTitle = expandableListTitle;
      this.expandableListDetail = expandableListDetail;
   }
   @Override
   public Object getChild(int listPosition, int expandedListPosition) {
      return
      Objects.requireNonNull(this.expandableListDetail.get(this.expandableListTitle.get(list Position))).get(expandedListPosition);
   }
   @Override
   public long getChildId(int listPosition, int expandedListPosition) {
      return expandedListPosition;
   }
   @Override
   public View getChildView(int listPosition, final int expandedListPosition, boolean isLastChild, View convertView, ViewGroup parent) {
      final String expandedListText = (String) getChild(listPosition, expandedListPosition);
      if (convertView == null) {
         LayoutInflater layoutInflater = (LayoutInflater) this.context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
         convertView = Objects.requireNonNull(layoutInflater).inflate(R.layout.list_row, null);
      }
      TextView textView = convertView.findViewById(R.id.listTitle);
      textView.setText(expandedListText);
      return convertView;
   }
   @Override
   public int getChildrenCount(int listPosition) {
      return
      this.expandableListDetail.get(this.expandableListTitle.get(listPosition)).size();
   }
   @Override
   public Object getGroup(int listPosition) {
      return this.expandableListTitle.get(listPosition);
   }
   @Override
   public int getGroupCount() {
      return this.expandableListTitle.size();
   }
   @Override
   public long getGroupId(int listPosition) {
      return listPosition;
   }
   @Override
   public View getGroupView(int listPosition, boolean isExpanded, View convertView, ViewGroup parent) {
      String listTitle = (String) getGroup(listPosition);
      if (convertView == null) {
         LayoutInflater layoutInflater = (LayoutInflater) this.context. getSystemService(Context.LAYOUT_INFLATER_SERVICE);
         convertView = Objects.requireNonNull(layoutInflater).inflate(R.layout.list_row, null);
      }
      TextView listTitleTextView = convertView.findViewById(R.id.listTitle);
      listTitleTextView.setTypeface(null, Typeface.BOLD);
      listTitleTextView.setText(listTitle);
      return convertView;
   }
   @Override
   public boolean hasStableIds() {
      return false;
   }
   @Override
   public boolean isChildSelectable(int listPosition, int expandedListPosition) {
      return true;
   }
}

6단계 − 레이아웃 리소스 파일(list_row.xml)을 생성하고 다음 코드를 추가합니다. −

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
   android:orientation="vertical" android:layout_width="match_parent"
   android:layout_height="match_parent">
   <TextView
      android:id="@+id/listTitle"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:padding="10dp"
      android:textColor="@android:color/black" />
</LinearLayout>

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 스튜디오에서 앱을 실행하려면 프로젝트의 활동 파일 중 하나를 열고 도구 모음에서 실행 아이콘을 클릭합니다. 모바일 장치를 옵션으로 선택한 다음 기본 화면을 표시할 모바일 장치를 확인하십시오 -

Android 앱에서 다단계 ListView를 만드는 방법은 무엇입니까?

Android 앱에서 다단계 ListView를 만드는 방법은 무엇입니까?