本文将带你了解Android应用开发之Android之RecyclerView实现时光轴，希望本文对大家学Android有所帮助

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

activity_main.xml
 
Html代码  <?xml version="1.0" encoding="utf-8"?>  <RelativeLayout xmlns:android="//schemas.android.com/apk/res/android"      xmlns:tools="//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>  <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="//schemas.android.com/apk/res/android"
    xmlns:tools="//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
Html代码  <?xml version="1.0" encoding="utf-8"?>  <RelativeLayout xmlns:android="//schemas.android.com/apk/res/android"      xmlns:app="//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>  <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="//schemas.android.com/apk/res/android"
    xmlns:app="//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
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);      }  }  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'
 
 

 
 
     

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之Android频道！