01_ListView

ListView

ListView的简单用法

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {
    private String[] data = {"首页", "日志", "下载", "关于", "官网", "退出"};

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

        ArrayAdapter<String> adapter = new ArrayAdapter<String>(

                this,/*要适配到的活动界面*/

                android.R.layout.simple_list_item_1,/*加载的布局,可自定义imageview,textview*/

                data/*要适配到listview中的数据,数组形式的*/);
        ListView listView = findViewById(R.id.main_listview_1);
        listView.setAdapter(adapter);
    }
}

自定义ListView表项的布局

  • 创建emoji类来保存资源信息
public class Emoji {
    private String explain;
    private int imageid;

    public Emoji(String explain, int imageid) {
        this.explain = explain;
        this.imageid = imageid;
    }

    public String getExplain() {
        return explain;
    }
    
    public int getImageid() {
        return imageid;
    }
}
  • 创建emoji适配器
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;

public class EmojiAdapter extends ArrayAdapter<Emoji> {
    private Context context;
    private int resource;
    private final String TAG = "debug";

    public EmojiAdapter(Context context, int resource, List<Emoji> objects) {
        super(context, resource, objects);
        this.resource = resource;
        this.context = context;
    }

    /*
     * 当每一个item滚动到可视界面内就会调用getview来加载资源
     * */
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Emoji emoji = getItem(position);
        View view;
        ViewHolder viewHolder;
        if (convertView == null) {
            view = LayoutInflater.from(this.context).inflate(this.resource, parent, false);
            viewHolder = new ViewHolder();

            viewHolder.imageView = view.findViewById(R.id.list_item_imageview);
            viewHolder.textView = view.findViewById(R.id.list_item_textview_explain);
            view.setTag(viewHolder);/*把 ViewHolder 储存到 View 中*/
        } else {
            view = convertView;
            viewHolder = (ViewHolder) view.getTag();
        }
        viewHolder.imageView.setImageResource(emoji.getImageid());
        viewHolder.textView.setText(emoji.getExplain());
        return view;
    }

    class ViewHolder {
        ImageView imageView;
        TextView textView;
    }
}
  • 适配数据
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ListView;
import com.google.android.material.snackbar.Snackbar;
import java.util.ArrayList;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private ArrayList<Emoji> arrayList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initresource();
        EmojiAdapter adapter = new EmojiAdapter(this, R.layout.list_view_item, arrayList);
        ListView listView = findViewById(R.id.main_listview);
        listView.setAdapter(adapter);
    }

    private void initresource() {

        for (int i = 0; i < 5; i++) {
            Emoji emoji = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_buman);
            arrayList.add(emoji);

            Emoji xhs_theme_xy_emo_deyi = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_deyi);
            arrayList.add(xhs_theme_xy_emo_deyi);

            Emoji xhs_theme_xy_emo_fanu = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_fanu);
            arrayList.add(xhs_theme_xy_emo_fanu);

            Emoji xhs_theme_xy_emo_fuhei = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_fuhei);
            arrayList.add(xhs_theme_xy_emo_fuhei);

            Emoji xhs_theme_xy_emo_haipa = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_haipa);
            arrayList.add(xhs_theme_xy_emo_haipa);

            Emoji xhs_theme_xy_emo_huoli = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_huoli);
            arrayList.add(xhs_theme_xy_emo_huoli);

            Emoji xhs_theme_xy_emo_keshui = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_keshui);
            arrayList.add(xhs_theme_xy_emo_keshui);

            Emoji xhs_theme_xy_emo_koubi = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_koubi);
            arrayList.add(xhs_theme_xy_emo_koubi);

            Emoji xhs_theme_xy_emo_kuku = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_kuku);
            arrayList.add(xhs_theme_xy_emo_kuku);

            Emoji xhs_theme_xy_emo_shaonv = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_shaonv);
            arrayList.add(xhs_theme_xy_emo_shaonv);

            Emoji xhs_theme_xy_emo_shengqi = new Emoji("描述说明", R.drawable.xhs_theme_xy_emo_shengqi);
            arrayList.add(xhs_theme_xy_emo_shengqi);
        }
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.list_item_imageview:
                Snackbar.make(v, "点击了ImageView", Snackbar.LENGTH_SHORT).setAction("Action", null).show();
                break;

            case R.id.list_item_textview_explain:
                Snackbar.make(v, "点击了TextView", Snackbar.LENGTH_SHORT).setAction("Action", null).show();
                break;

            default:

                break;
        }
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现 Android 时间轴 ListView 的方法有很多种,下面介绍一种较为简单的实现方式。 1. 创建一个自定义的 ListView 布局文件,包含两个 TextView 控件,分别用于显示时间和内容。 2. 创建一个自定义的 Adapter,继承自 BaseAdapter。 3. 在 Adapter 中重写 getCount()、getItem() 和 getItemId() 方法。 4. 在 Adapter 的 getView() 方法中,加载自定义的 ListView 布局文件,并将数据绑定到对应的控件上。 5. 在 Activity 中使用自定义的 Adapter,并将数据传递给 Adapter。 6. 设置 ListView 的分隔线,可以使用 Android 自带的分隔线,也可以自定义分隔线。 下面是一个简单的代码示例: 1. 自定义 ListView 布局文件 timeline_item.xml: ``` <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:id="@+id/tv_time" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_marginLeft="16dp" android:layout_marginTop="8dp" android:textColor="@color/black" android:textSize="16sp" /> <TextView android:id="@+id/tv_content" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignTop="@+id/tv_time" android:layout_toRightOf="@+id/tv_time" android:textColor="@color/black" android:textSize="16sp" /> </RelativeLayout> ``` 2. 自定义 Adapter TimelineAdapter.java: ``` public class TimelineAdapter extends BaseAdapter { private List<TimelineItem> mList; private LayoutInflater mInflater; public TimelineAdapter(Context context, List<TimelineItem> list) { mList = list; mInflater = LayoutInflater.from(context); } @Override public int getCount() { return mList.size(); } @Override public Object getItem(int position) { return mList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { convertView = mInflater.inflate(R.layout.timeline_item, null); holder = new ViewHolder(); holder.tvTime = convertView.findViewById(R.id.tv_time); holder.tvContent = convertView.findViewById(R.id.tv_content); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } TimelineItem item = mList.get(position); holder.tvTime.setText(item.getTime()); holder.tvContent.setText(item.getContent()); return convertView; } static class ViewHolder { TextView tvTime; TextView tvContent; } } ``` 3. 在 Activity 中使用自定义的 Adapter: ``` List<TimelineItem> list = new ArrayList<>(); list.add(new TimelineItem("2019-01-01 08:00", "事件1")); list.add(new TimelineItem("2019-01-01 10:00", "事件2")); list.add(new TimelineItem("2019-01-01 12:00", "事件3")); list.add(new TimelineItem("2019-01-01 14:00", "事件4")); list.add(new TimelineItem("2019-01-01 16:00", "事件5")); TimelineAdapter adapter = new TimelineAdapter(this, list); ListView listView = findViewById(R.id.list_view); listView.setAdapter(adapter); listView.setDividerHeight(0); ``` 这样就可以实现一个简单的 Android 时间轴 ListView
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值