android listview实现新闻列表展示效果

本文实例为大家分享了android listview列表展示效果的具体代码,供大家参考,具体内容如下

1.封装一些新闻数据
2.使用listview展示出来
3.设置条目点击事件,点击后跳转浏览器查看新闻

package com.itheima74.newscustom.domain;

import android.graphics.drawable.Drawable;

/**
 * Created by My on 2016/11/8.
 */

public class NewsBean {
  public String title;
  public String des;
  public Drawable icon;
  public String news_url;
}
package com.itheima74.newscustom.utils;

import android.content.Context;

import com.itheima74.newscustom.R;
import com.itheima74.newscustom.domain.NewsBean;

import java.util.ArrayList;

/**
 * Created by My on 2016/11/8.
 */

public class NewsUtils {
  /**
   * @param context 上下文环境
   * @return 新闻集合
   */
  public static ArrayList<NewsBean> getAllNews(Context context) {
    ArrayList<NewsBean> arrayList = new ArrayList<>();
    for (int i = 0; i < 5; i++) {
      NewsBean newsBean1 = new NewsBean();
      newsBean1.title = "鸟瞰暴雨后的武汉 全市已转移16万人次";
      newsBean1.des = "7月5-6日,武汉普降暴雨-大暴雨,中心城区、蔡甸部分地区出现特大暴雨。江夏大道汤逊湖大桥段,被湖水冲破的路障。记者贾代腾飞 陈卓摄";
      newsBean1.icon = context.getResources().getDrawable(R.drawable.wuhan);
      newsBean1.news_url = "http://slide.news.sina.com.cn/s/slide_1_2841_101020.html#p=1";
      arrayList.add(newsBean1);

      NewsBean newsBean2 = new NewsBean();
      newsBean2.title = "安徽暴雨 三四十条鳄鱼逃至附近农田";
      newsBean2.des = "因强降雨造成内涝,安徽省芜湖市芜湖县花桥镇鳄鱼湖农庄所养鳄鱼逃跑至附近农田。。据悉,溜出来的鳄鱼为散养的扬子鳄,比较温驯。初步预计有三四十条,具体数量未统计,其中最大的约1.8米长。图为网友拍摄到的农田中的鳄鱼。";
      newsBean2.icon = context.getResources().getDrawable(R.drawable.eyu);
      newsBean2.news_url = "http://slide.news.sina.com.cn/s/slide_1_2841_101024.html#p=1";
      arrayList.add(newsBean2);

      NewsBean newsBean3 = new NewsBean();
      newsBean3.title = "暴雨过后 南京理工大学变“奇幻森林”";
      newsBean3.des = "近日,持续强降雨,导致地势低洼的南京理工大学出现严重积水。这一组几张照片,南理工恍若童话世界中。网友:泡在水中的南理工,也可以倔强地刷出颜值新高度。";
      newsBean3.icon = context.getResources().getDrawable(R.drawable.qihuan);
      newsBean3.news_url = "http://slide.news.sina.com.cn/s/slide_1_2841_101010.html#p=1";
      arrayList.add(newsBean3);
    }
    return arrayList;
  }
}
package com.itheima74.newscustom.activity;

import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

import com.itheima74.newscustom.R;
import com.itheima74.newscustom.domain.NewsBean;
import com.itheima74.newscustom.utils.NewsUtils;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

  private ListView lv;
  private ArrayList<NewsBean> mList;

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

    initUI();
    initData();
    initAdapter();
  }

  private void initAdapter() {
    lv.setAdapter(new NewsAdapter());
  }

  private void initData() {
    mList = NewsUtils.getAllNews(this);
  }

  private void initUI() {
    lv = (ListView) findViewById(R.id.lv);

    lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        Intent intent = new Intent();
        intent.setAction(Intent.ACTION_VIEW);
        intent.setData(Uri.parse(mList.get(position).news_url));
        startActivity(intent);
      }
    });
  }

  private class NewsAdapter extends BaseAdapter {

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

    @Override
    public NewsBean 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) {
        holder = new ViewHolder();
        convertView = View.inflate(getApplicationContext(), R.layout.listview_item, null);
        holder.tv_title = (TextView) convertView.findViewById(R.id.tv_title);
        holder.tv_des = (TextView) convertView.findViewById(R.id.tv_des);
        holder.iv_icon = (ImageView) convertView.findViewById(R.id.iv_icon);
        convertView.setTag(holder);
      } else {
        holder = (ViewHolder) convertView.getTag();
      }
      NewsBean item = getItem(position);
      holder.tv_title.setText(item.title);
      holder.tv_des.setText(item.des);
      holder.iv_icon.setImageDrawable(item.icon);
      return convertView;
    }
  }

  private static class ViewHolder {
    TextView tv_title;
    TextView tv_des;
    ImageView iv_icon;

  }
}

listview_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:orientation="horizontal"
  android:padding="10dp">

  <ImageView
    android:id="@+id/iv_icon"
    android:layout_width="100dp"
    android:layout_height="80dp"
    android:layout_marginEnd="10dp"
    android:layout_marginRight="10dp"
    android:src="@mipmap/ic_launcher" />

  <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
      android:id="@+id/tv_title"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginBottom="3dp"
      android:maxLines="1"
      android:text="新闻标题"
      android:textColor="#000000"
      android:textSize="16sp" />

    <TextView
      android:id="@+id/tv_des"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:maxLines="2"
      android:text="新闻内容"
      android:textColor="#666666"
      android:textSize="13sp" />
  </LinearLayout>

</LinearLayout>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android 根据手势顶部View自动展示与隐藏效果

    首先来看一下效果:  大体思路如下: 总体布局用了一个自定义的ViewGroup,里面包了两个View(top View,bottomView) 我在bottomView里放了ViewPager,里面又有Fragment,Fragment里放的是ListView 原理: ViewGroup在分发touchEvent的时候先通过手势GestureDetector判断手势方向,当向上滑动的时候让topView和bottomView同时向上移动,反之亦然. 整体思路不是很难如下是干货: 布局文件 <c

  • Android ListView自动显示隐藏布局的实现方法

    借助View的OnTouchListener接口来监听listView的滑动,通过比较与上次坐标的大小,判断滑动方向,并通过滑动方向来判断是否需显示或者隐藏对应的布局,并且带有动画效果. 1.自动显示隐藏Toolbar 首先给listView增加一个HeaderView,避免第一个Item被Toolbar遮挡. View header=new View(this); header.setLayoutParams(new AbsListView.LayoutParams( AbsListView.

  • Android编程实现Listview点击展开和隐藏的方法

    本文实例讲述了Android编程实现Listview点击展开和隐藏的方法.分享给大家供大家参考,具体如下: 代码较多,所以找关键点大家贴出来,相信大家看了之后很容易就明白的, 在listview的activity中 List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>() myAdapter = new MyAdapter(getApplicationContext(

  • Android开发之使用GridView展示图片的方法

    本文实例讲述了Android使用GridView展示图片的方法.分享给大家供大家参考,具体如下: 今天说说GridView的使用. 所谓GvidView翻译过来就是网格布局:是一个ViewGroup以网格显示它的子视图(view)元素,即二维的.可滚动的网格.网格元素通过ListAdapter自动插入到网格. 这个GridView用处特别多,我这里是用来展示广告的.2*3的广告位置. 废话少说先看个效果图,有图就可以说个XX,对吧,大家都懂的. 大家可以看到搜索下面的那6个块,效果布局还行吧,哈

  • Android ListView隐藏右侧滚动条功能

    关于ListView的滚动条几种情形: 1.默认情况:活动(滚动)时显示,不活动时隐藏. 2.活动和不活动时都显示. 3.活动和不活动时都隐藏. 上述集中情况,均有ListView的以下设置属性方法控制 1.setVerticalScrollBarEnabled(boolean b); 设置true时: 存在滚动条 设置false时: 隐藏滚动条 2.setScrollbarFadingEnabled(boolean b); 设置true时: 活动时显示滚动条,不活动时隐藏滚动条 设置false

  • Android ListView 条目多样式展示实例详解

    ListView的多种样式条目展示 这里给大家介绍一下简单的ListView的多种样式展示 在布局文件中和往常一样写一个ListViwe的布局 <ListView android:id="@+id/main_listview" android:layout_width="wrap_content" android:layout_height="wrap_content" /> 其他的这里就不多说了,直接介绍适配器里的操作 packag

  • android listview实现新闻列表展示效果

    本文实例为大家分享了android listview列表展示效果的具体代码,供大家参考,具体内容如下 1.封装一些新闻数据 2.使用listview展示出来 3.设置条目点击事件,点击后跳转浏览器查看新闻 package com.itheima74.newscustom.domain; import android.graphics.drawable.Drawable; /** * Created by My on 2016/11/8. */ public class NewsBean { pu

  • Android RecyclerView实现数据列表展示效果

    本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 1.首先导入依赖: compile 'com.android.support:recyclerview-v7:25.3.1' 2.适配器类: public class NewsAdapter extends RecyclerView.Adapter { private View view; private Context mcontext; private ArrayList<NewsData.DataBean

  • Android ListView的Item点击效果的定制

    Android ListView的Item点击效果的定制           前言:           对于listview Android开发的朋友都知道用的很多,网上关于Android ListView的Item点击特效的文章很多,我自己也看了不少关于listview的文章,这里就记录下不错的文章,大家可以参考下, 在之前弄这个效果说真的很不明智,我是在Item的布局文件加个selector的xml文件来实现ListView的Item点击效果.. 这个算是我自己记录以后该如何使用的另一种方

  • js仿搜狐视频记录片列表展示效果

    本文实例为大家分享了js搜狐视频记录片列表展示效果,供大家参考,具体内容如下 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> *{margin:0;padding:0;} ul{list-style:none;} #li

  • Android利用RecyclerView实现列表倒计时效果

    最近面试时,面试官问了一个列表倒计时效果如何实现,现在记录一下. 运行效果图 实现思路 实现方法主要有两个: 1.为每个开始倒计时的item启动一个定时器,再做更新item处理: 2.只启动一个定时器,然后遍历数据,再做再做更新item处理. 经过思考,包括性能.实现等方面,决定使用第2种方式实现. 实现过程 数据实体 /** * 总共的倒计时的时间(结束时间-开始时间),单位:毫秒 * 例: 2019-02-23 11:00:30 与 2019-02-23 11:00:00 之间的相差的毫秒数

  • Android ListView自动生成列表条目的实例

    activity_list.xml文件代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent

  • JQuery页面图片切换和新闻列表滚动效果的具体实现

    最近用到一个页面上图片左右切换和新闻列表滚动呈现的效果,整理如下: 前段代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"&g

  • Android仿微信通讯录列表侧边栏效果

    先看Android仿微信通讯录列表侧边栏效果图 这是比较常见的效果了吧 列表根据首字符的拼音字母来排序,且可以通过侧边栏的字母索引来进行定位. 实现这样一个效果并不难,只要自定义一个索引View,然后引入一个可以对汉字进行拼音解析的jar包--pinyin4j-2.5.0即可 首先,先来定义侧边栏控件View,只要直接画出来即可. 字母选中项会变为红色,且滑动时背景会变色,此时SideBar并不包含居中的提示文本 public class SideBar extends View { priva

  • Android实现网易新闻客户端首页效果

    关于实现网易新闻客户端的界面,以前写过很多博客,请参考: Android实现网易新闻客户端效果 Android实现网易新闻客户端侧滑菜单(一) Android实现网易新闻客户端侧滑菜单(二) 今天用ViewPager + FragmentAdapter + ViewPagerIndicator来实现. ViewPagerIndicator是一款分页指标小部件兼容ViewPager,封装上做得非常不错,目前已为众多知名应用所使用.具体API的使用,大家可以下载官方demo示例研究研究就知道啦! 下

  • Vuex实现计数器以及列表展示效果

    本篇教程将以计数器及列表展示两个例子来讲解Vuex的简单用法. 本案例github 从安装到启动初始页面的过程都直接跳过.注意安装时选择需要路由. 首先,src目录下新建store目录及相应文件,结构如下: index.js文件内容: import Vue from "vue" import Vuex from 'vuex' Vue.use(Vuex); //务必在new Vuex.Store之前use一下 export default new Vuex.Store({ state:{

随机推荐