Android之RecyclerView实现时光轴效果示例

Android之RecyclerView实现时光轴效果示例,第1张

概述做项目的过程中有个需求需要时光轴,于是网上找了部分资料,写了个案例,现在分享给大家。

做项目的过程中有个需求需要时光轴,于是网上找了部分资料 ,写了个案例,现在分享给大家。

如图:

 

      

activity_main.xml

<?xml version="1.0" enCoding="utf-8"?><relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  xmlns:tools="http://schemas.androID.com/tools"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent"  tools:context=".MainActivity">  <androID.support.v7.Widget.RecyclerVIEw    androID:ID="@+ID/recyclerVIEw"    androID:layout_wIDth="match_parent"    androID:layout_height="match_parent"    androID:overScrollMode="never" /></relativeLayout>

item.xml

<?xml version="1.0" enCoding="utf-8"?><relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  xmlns:app="http://schemas.androID.com/apk/res-auto"  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content"  androID:paddingleft="8dp"  androID:paddingRight="8dp"  androID:paddingtop="8dp">  <TextVIEw    androID:ID="@+ID/item_timeline_time"    androID:layout_height="wrap_content"    androID:layout_wIDth="wrap_content"    androID:layout_marginRight="8dp"    androID:layout_margintop="18dp"    androID:gravity="center_horizontal"    androID:padding="4dp"    androID:textcolor="@color/colorAccent"    androID:textSize="16sp"    androID:text="2015-06-08\n09:56"    />  <relativeLayout    androID:ID="@+ID/item_timeline_icon_layout"    androID:layout_wIDth="48dp"    androID:layout_height="48dp"    androID:layout_marginBottom="4dp"    androID:layout_marginRight="8dp"    androID:layout_toRightOf="@ID/item_timeline_time">    <com.timelinedemo.circleimageVIEw      androID:ID="@+ID/item_timeline_icon_bg"      androID:layout_wIDth="match_parent"      androID:layout_height="match_parent"      androID:src="@androID:color/transparent"      app:civ_border_wIDth="4dp" />    <ImageVIEw      androID:ID="@+ID/item_timeline_icon"      androID:layout_wIDth="24dp"      androID:layout_height="24dp"      androID:layout_centerInParent="true"      androID:scaleType="fitCenter" />  </relativeLayout>  <TextVIEw    androID:ID="@+ID/item_timeline_content"    androID:layout_wIDth="wrap_content"    androID:layout_height="wrap_content"    androID:layout_margintop="18dp"    androID:layout_toRightOf="@ID/item_timeline_icon_layout"    androID:text="今日收入"    androID:textcolor="@color/colorPrimary"    androID:textSize="15sp" />  <TextVIEw    androID:ID="@+ID/item_timeline_money"    androID:layout_wIDth="wrap_content"    androID:layout_height="wrap_content"    androID:layout_below="@ID/item_timeline_content"    androID:layout_margintop="8dp"    androID:layout_toRightOf="@ID/item_timeline_icon_layout"    androID:text="$ 100"    androID:textcolor="@color/colorPrimary"    androID:textSize="22sp" />  <VIEw    androID:ID="@+ID/item_timeline_vIEw"    androID:layout_wIDth="2dp"    androID:layout_height="60dp"    androID:layout_alignleft="@ID/item_timeline_icon_layout"    androID:layout_below="@ID/item_timeline_icon_layout"    androID:layout_marginleft="23dp"    androID:background="@color/colorAccent" /></relativeLayout>

Activity.Java

public class MainActivity extends AppCompatActivity {  private RecyclerVIEw recyclerVIEw;  @OverrIDe  protected voID onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentVIEw(R.layout.activity_main);    initLayout();  }  private voID initLayout(){    recyclerVIEw= (RecyclerVIEw) findVIEwByID(R.ID.recyclerVIEw);    recyclerVIEw.setLayoutManager(new linearlayoutmanager(this));    recyclerVIEw.setHasFixedSize(true);    recyclerVIEw.setItemAnimator(new DefaultItemAnimator());    initData();  }  private voID initData(){    List<TimeInfo > List=new ArrayList<>();    for(int i=0;i<15;i++){      List.add(new TimeInfo());    }    TimelineAdapter mAdapter = new TimelineAdapter(this,List);    recyclerVIEw.setAdapter(mAdapter);  }}

添加依赖库:

compile 'com.androID.support:recyclervIEw-v7:23.0.0'

由于代码太多,完整代码未给出,源码直接下载即可

源码点击下载:TimeLineDemo_jb51.rar

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

总结

以上是内存溢出为你收集整理的Android之RecyclerView实现时光轴效果示例全部内容,希望文章能够帮你解决Android之RecyclerView实现时光轴效果示例所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1146947.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存