导航抽屉中的自定义列表视图

Question

我正在尝试使用一些自定义布局填充导航抽屉。该布局的 XML 文件如下：

<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/toolbar">

    <!-- The main content view -->

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clickable="true">

    </FrameLayout>
    <!-- The navigation drawer -->

    <LinearLayout
        android:orientation="vertical"
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:background="#FFFFFF">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginLeft="40px"
            android:layout_marginTop="40px">
            <ImageView
                android:id="@+id/imgUser"
                android:src="@drawable/empty_profile"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                />
            <LinearLayout
                android:orientation="vertical"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20px"
                android:layout_marginTop="20px">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="15sp"
                    android:text="Waqas Ahmed Ansari"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="63km"/>
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Joined: Feb '16"/>
            </LinearLayout>

        </LinearLayout>

        <ListView
            android:id="@+id/lstDrawerItems"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:choiceMode="singleChoice"
            android:layout_marginTop="20sp" />

    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

然后我为 ListView lstDrawerItems 创建了一个 CustomAdapter 类 在这里。

public class CustomAdapter extends BaseAdapter {
public ArrayList<HashMap<String, String>> list;
Activity activity;
TextView txtFirst;
ImageView imgView;

public CustomAdapter(Activity activity, ArrayList<HashMap<String, String>> list) {
    super();
    this.activity=activity;
    this.list=list;
}

@Override
public View getView(final int position, View convertView, ViewGroup parent) {

    LayoutInflater inflater=activity.getLayoutInflater();

    if(convertView == null){
        convertView = inflater.inflate(R.layout.custom_drawer_list, null);

        txtFirst = (TextView) convertView.findViewById(R.id.drawer_itemName);
        imgView = (ImageView) convertView.findViewById((R.id.drawer_icon));
    }

    HashMap<String, String> map=list.get(position);
    txtFirst.setText(map.get("name"));
    imgView.setImageResource(Integer.parseInt(map.get("imgDrawerIcon")));
    return convertView;
}

@Override
public int getCount() {
    return 0;
}

@Override
public Object getItem(int position) {
    return null;
}

@Override
public long getItemId(int position) {
    return 0;
}

}

当我设置列表适配器时，我什么都看不到。 我在这里设置了自定义适配器。 CustomAdapter adapter = new CustomAdapter(HomeNoVehicle.this, list); ListView drawerList = (ListView) findViewById(R.id.lstDrawerItems); drawerList.setAdapter(adapter);

但是当我设置条目属性 if list 时，它运行良好。 不知道是什么问题。

Answer 1

为了制作自定义列表，我喜欢开始的方式是设计单元格，或者您希望在列表中显示的单元格。可能是这样的：

然后我想为那个单元格创建一个类：

public class ProfileCell extends RelativeLayout {
    ImageView imageView;
    TextView name;
    TextView dateJoined;
    TextView distance;

    String nameText;
    String dateJoinedText;
    String distanceText;

    public ProfileCell(Context context) {
        super(context);
        inflate(context, R.layout.nav_list_row, this);
        name = (TextView)findViewById(R.id.name);
        dateJoined = (TextView)findViewById(R.id.date_joined);
        distance = (TextView)findViewById(R.id.distance);
        imageView = (ImageView)findViewById(R.id.imgUser);
        //set Image to a default value
        imageView.setImageResource(R.mipmap.ic_launcher);
    }
    public String getNameText() {
        return nameText;
    }

    public void setNameText(String nameText) {
        this.nameText = nameText;
        name.setText(nameText);
    }

    public ImageView imageView() {
        return imageView;
    }
    public String getDateJoinedText() {
        return dateJoinedText;
    }

    public void setDateJoinedText(String dateJoinedText) {
        this.dateJoinedText = dateJoinedText;
        dateJoined.setText(dateJoinedText);
    }

    public String getDistanceText() {
        return distanceText;
    }

    public void setDistanceText(String distanceText) {
        this.distanceText = distanceText;
        distance.setText(distanceText);
    }
}

然后我还发现创建一个可以保存我想放入该单元格中的信息的类很方便：

public class Profile {//Information about Users Profile



    public String name;
    public String dateJoined;
    public String distance;
/////////possibly have image url here ....

    public Profile(String name, String dateJoined, String distance)
    {
        this.name = name;
        this.dateJoined = dateJoined;
        this.distance = distance;
    }

}

然后我制作我的自定义适配器类：

public class CustomAdapter extends BaseAdapter {
    ArrayList<Profile> profiles;
    Context context;

    public CustomAdapter(Context context, ArrayList<Profile> profiles)
    {
        this.context = context;
        this.profiles = profiles;
    }

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

    @Override
    public Profile getItem(int position) {
        return profiles.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null)
        {
            //Custom Cell is inflated inside of the Profile view class
            convertView = new ProfileCell(context);

        }
        ProfileCell cell = (ProfileCell) convertView;
        Profile profile = getItem(position);
        cell.setNameText(profile.name);
        cell.setDateJoinedText(profile.dateJoined);
        cell.setDistanceText(profile.distance);
        //Then you would set the image view to something...
        // cell.imageView().setImageResource(R.mipmap.ic_launcher);
        //something like that maybe

        return cell;
    }
}

然后，如果我在我想要的位置设置了列表视图，在你的情况下，在导航抽屉内，然后在导航活动内，你可以这样做：

//A list of data to display in list
        ArrayList<Profile> profiles = new ArrayList<>();

        for (int i = 0; i < 15; i++)
        {
            profiles.add(profile);//Adding same profile over an over
        }

        CustomAdapter adapter = new CustomAdapter(this,profiles);

        listView.setAdapter(adapter);

然后这将显示您在这些单元格中放置的任何内容。

我把完整的代码放在这里： https://github.com/amffz9/NavigationProject