• Android 自定义横向时间轴

    示例：

    一、添加依赖

    1. dependencies {
    2.     ***
    3.     ***
    4.     //添加RecyclerView的依赖包
    5.     implementation 'androidx.recyclerview:recyclerview:1.2.1'
    6. }

    二、页面代码

    activity_main.xml:

    1. <?xml version="1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     xmlns:tools="http://schemas.android.com/tools"
    4.     android:layout_width="match_parent"
    5.     android:layout_height="match_parent"
    6.     android:gravity="center"
    7.     android:orientation="vertical"
    8.     tools:context=".MainActivity">
    9.  
    10.  
    11.  
    12.     <!--时间轴列表-->
    13.     <androidx.recyclerview.widget.RecyclerView
    14.         android:id="@+id/rv"
    15.         android:layout_width="wrap_content"
    16.         android:layout_height="70dp" />
    17.  
    18. </LinearLayout>

    list_point_cell.xml：

    1. <?xml version="1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:layout_width="match_parent"
    4.     android:layout_height="match_parent"
    5.     android:gravity="center"
    6.     android:orientation="vertical">
    7.  
    8.    <TextView
    9.        android:id="@+id/item_time"
    10.        android:layout_width="wrap_content"
    11.        android:layout_height="wrap_content"
    12.        android:layout_marginLeft="10dp"
    13.        android:layout_marginRight="10dp"
    14.        android:text="time"
    15.        android:textSize="12sp" />
    16.  
    17.   <LinearLayout
    18.       android:layout_width="match_parent"
    19.       android:layout_height="30dp"
    20.       android:orientation="horizontal">
    21.       <ImageView
    22.           android:id="@+id/item_start_img"
    23.           android:layout_width="wrap_content"
    24.           android:layout_height="wrap_content"
    25.           android:layout_weight="1"
    26.           android:scaleType="fitXY"
    27.           android:src="@mipmap/ic_line"/>
    28.  
    29.       <ImageView
    30.           android:id="@+id/item_point_img"
    31.           android:layout_width="15dp"
    32.           android:layout_height="match_parent"
    33.           android:src="@mipmap/ic_unselected_circle"/>
    34.  
    35.       <ImageView
    36.           android:id="@+id/item_end_img"
    37.           android:layout_width="wrap_content"
    38.           android:layout_height="wrap_content"
    39.           android:layout_weight="1"
    40.           android:scaleType="fitXY"
    41.           android:src="@mipmap/ic_line"/>
    42.  
    43.   </LinearLayout>
    44.  
    45.     <TextView
    46.         android:id="@+id/item_text"
    47.         android:layout_width="wrap_content"
    48.         android:layout_height="wrap_content"
    49.         android:layout_marginLeft="10dp"
    50.         android:layout_marginRight="10dp"
    51.         android:text="text"
    52.         android:textSize="12sp" />
    53. </LinearLayout>

    三、java代码

    MyRecyclerAdapter.java适配器

    1. package com.example.horiztimeaxis;
    2.  
    3. import android.content.Context;
    4. import android.content.SharedPreferences;
    5. import android.view.LayoutInflater;
    6. import android.view.View;
    7. import android.view.ViewGroup;
    8. import android.widget.ImageView;
    9. import android.widget.TextView;
    10.  
    11. import androidx.annotation.NonNull;
    12. import androidx.recyclerview.widget.RecyclerView;
    13.  
    14. import java.util.HashMap;
    15. import java.util.List;
    16.  
    17. import static android.content.Context.MODE_PRIVATE;
    18.  
    19. public class MyRecyclerAdapter extends RecyclerView.Adapter<MyRecyclerAdapter.MyViewHolder>  {
    20.  
    21.     private OnItemClickListener itemClickListener;// 接口对象
    22.     private Context context;// 上下文
    23.     private List<HashMap<String,String>> itemList;// 数据集合
    24.     private int lastIndex = -1;
    25.  
    26.     public MyRecyclerAdapter(Context context,List<HashMap<String,String>> itemList){
    27.         super();
    28.         this.context = context;
    29.         this.itemList = itemList;
    30.         lastIndex = itemList.size()-1;
    31.     }
    32.  
    33.     @NonNull
    34.     @Override
    35.     public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
    36.         // TODO 自动生成的方法存根
    37.         LayoutInflater inflater = LayoutInflater.from(context);
    38.         View view = inflater.inflate(R.layout.list_point_cell,null);
    39.         MyViewHolder holder = new MyViewHolder(view);
    40.         return holder;
    41.  
    42.     }
    43.  
    44.  
    45.     @Override
    46.     public void onBindViewHolder(MyViewHolder holder,int position) {
    47.         // 设置未选中状态
    48.         holder.item_point_img.setImageDrawable(context.getDrawable(R.mipmap.ic_unselected_circle));
    49.         holder.item_start_img.setVisibility(View.VISIBLE);
    50.         holder.item_end_img.setVisibility(View.VISIBLE);
    51.         // 隐藏第一个
    52.         if (position==0){
    53.             holder.item_start_img.setVisibility(View.INVISIBLE);
    54.         }
    55.         // 隐藏最后一个
    56.         if (position == lastIndex){
    57.             holder.item_end_img.setVisibility(View.INVISIBLE);
    58.         }
    59.  
    60.         SharedPreferences time_sp = context.getSharedPreferences("TIME_LINE_SP",MODE_PRIVATE);
    61.         int index = time_sp.getInt("INDEX_TIME",-1);
    62.         if (index==position){
    63.             // 设置选中状态
    64.             holder.item_point_img.setImageDrawable(context.getDrawable(R.mipmap.ic_selected_circle));
    65.         }
    66.  
    67.         HashMap<String, String> hashMap = itemList.get(position);
    68.         // 赋值
    69.         holder.time.setText(hashMap.get("TIME"));
    70.         holder.tv.setText(hashMap.get("TEXT"));
    71.  
    72.  
    73.     }
    74.  
    75.     @Override
    76.     public int getItemCount() {
    77.         return itemList.size();
    78.     }
    79.  
    80.  
    81.     protected class MyViewHolder extends RecyclerView.ViewHolder {
    82.         private TextView time;
    83.         private ImageView item_start_img;
    84.         private ImageView item_point_img;
    85.         private ImageView item_end_img;
    86.         private TextView tv;
    87.         /**
    88.          * @param itemView
    89.          */
    90.         public MyViewHolder(View itemView) {
    91.             super(itemView);
    92.             time = itemView.findViewById(R.id.item_time);
    93.             item_start_img = itemView.findViewById(R.id.item_start_img);
    94.             item_point_img = itemView.findViewById(R.id.item_point_img);
    95.             item_end_img = itemView.findViewById(R.id.item_end_img);
    96.             tv = itemView.findViewById(R.id.item_text);
    97.  
    98.             // 设置点击事件
    99.             itemView.setOnClickListener(new View.OnClickListener() {
    100.                 @Override
    101.                 public void onClick(View v) {
    102.                     itemClickListener.onItemClick(getAbsoluteAdapterPosition());
    103.                 }
    104.             });
    105.         }
    106.     }
    107.  
    108.  
    109.     /**
    110.      * 点击接口方法(监听)
    111.      * */
    112.     public interface OnItemClickListener {
    113.         void onItemClick(int position);
    114.     }
    115.  
    116.     /**
    117.      * 回调函数
    118.      * */
    119.     public void ItemClickCallBack(OnItemClickListener itemClickListener){
    120.         this.itemClickListener = itemClickListener;
    121.     }
    122.  
    123. }
    MainActivity.java
    1. package com.example.horiztimeaxis;
    2.  
    3. import androidx.appcompat.app.AppCompatActivity;
    4. import androidx.recyclerview.widget.LinearLayoutManager;
    5. import androidx.recyclerview.widget.RecyclerView;
    6.  
    7. import android.content.SharedPreferences;
    8. import android.os.Bundle;
    9. import android.widget.Toast;
    10.  
    11. import java.util.ArrayList;
    12. import java.util.HashMap;
    13.  
    14. public class MainActivity extends AppCompatActivity {
    15.  
    16.     private RecyclerView rv;
    17.     private MyRecyclerAdapter adapter;
    18.     // 时间轴中数据
    19.     private ArrayList<HashMap<String,String>> listItem;
    21.     @Override
    22.     protected void onCreate(Bundle savedInstanceState) {
    23.         super.onCreate(savedInstanceState);
    24.         setContentView(R.layout.activity_main);
    25.  
    26.         init();
    27.     }
    28.  
    29.     /**
    30.      * 使用方法
    31.      * */
    32.     private void init(){
    33.         // 数据初始化
    34.         initData();
    35.         /** ---时间轴--- **/
    36.         rv = findViewById(R.id.rv);
    37.  
    38.         //设置布局管理器
    39.         LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
    40.         // 竖向布局
    41.         //linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
    42.         // 横向布局
    43.         linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
    44.         // 设置布局
    45.         rv.setLayoutManager(linearLayoutManager);
    46.         // 设置adpater
    47.         adapter = new MyRecyclerAdapter(this,listItem);
    48.         adapter.ItemClickCallBack(new MyRecyclerAdapter.OnItemClickListener() {
    49.             @Override
    50.             public void onItemClick(int position) {
    51.                 SharedPreferences time_sp = getSharedPreferences("TIME_LINE_SP",MODE_PRIVATE);
    52.                 SharedPreferences.Editor editor = time_sp.edit();
    53.                 editor.putInt("INDEX_TIME",position);
    54.                 editor.commit();
    55.                 // 刷新
    56.                 adapter.notifyDataSetChanged();
    57.  
    58.                 // 选中内容
    59.                 HashMap<String, String> map = listItem.get(position);
    60.                 Toast.makeText(getApplicationContext(),map.get("TIME")+map.get("TEXT"),Toast.LENGTH_SHORT).show();
    61.             }
    62.         });
    63.         rv.setAdapter(adapter);
    64.  
    65.     }
    66.  
    67.  
    68.     // 初始化显示的数据
    69.     private void initData(){
    70.         /*在数组中存放数据*/
    71.         listItem = new ArrayList<HashMap<String, String>>();
    73.         HashMap<String, String> map1 = new HashMap<String, String>(20);
    74.         HashMap<String, String> map2 = new HashMap<String, String>(20);
    75.         HashMap<String, String> map3 = new HashMap<String, String>(20);
    76.         HashMap<String, String> map4 = new HashMap<String, String>(20);
    77.         HashMap<String, String> map5 = new HashMap<String, String>(20);
    78.         HashMap<String, String> map6 = new HashMap<String, String>(20);
    79.  
    80.         map1.put("TIME", "2023-8-3");
    81.         map1.put("TEXT", "土地尚未开工");
    82.         listItem.add(map1);
    83.  
    84.         map2.put("TIME", "2023-8-27");
    85.         map2.put("TEXT", "夯实地基");
    86.         listItem.add(map2);
    87.  
    88.         map3.put("TIME", "2023-9-4");
    89.         map3.put("TEXT", "浇筑地梁");
    90.         listItem.add(map3);
    91.  
    92.         map4.put("TIME", "2023-9-20");
    93.         map4.put("TEXT", "主体砌筑");
    94.         listItem.add(map4);
    95.  
    96.         map5.put("TIME", "2023-10-9");
    97.         map5.put("TEXT", "封顶");
    98.         listItem.add(map5);
    99.  
    100.         map6.put("TIME", "2023-11-10");
    101.         map6.put("TEXT", "内部装修");
    102.         listItem.add(map6);
    103.     }
    104.  
    105. }

  • 相关阅读:
    完美解决 RabbitMQ可视化界面Overview不显示折线图和队列不显示Messages
    【含泪提速！】一文全解相似度算法、跟踪算法在各个AI场景的应用（附代码）
    windows10 python pip安装django并创建demo
    8/7 牛客6+div2D+倍增lca
    重构：在新底座之上让应用重生
    RabbitMQ——入门介绍
    ts中的元组是什么有什么用
    生成可执行jar
    漏洞分析｜Adobe ColdFusion WDDX 序列化漏洞利用
    编写java程序模拟简单的计算器
  • 原文地址：https://blog.csdn.net/qq_19688207/article/details/133761166