Android如何自定義View實現(xiàn)公交成軌跡圖

這篇文章主要介紹Android如何自定義View實現(xiàn)公交成軌跡圖，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

具體內(nèi)容如下

總體分析下：水平方向recyclewview，item包含定位點，站臺位置和站臺名稱。

實現(xiàn)：

1.繼承framelayout,實現(xiàn)構造方法:

public class BusStopPlateView extends FrameLayout {... public BusStopPlateView(@NonNull Context context) { super(context); initView(context); } public BusStopPlateView(@NonNull Context context, @Nullable AttributeSet attrs) { super(context, attrs); initView(context); } public BusStopPlateView(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) { super(context, attrs, defStyleAttr); initView(context); } private void initView(Context context) { ... //設置recycleview LayoutInflater.from(context).inflate(R.layout.xxx, this, true); mRecyclerView = (RecyclerView) findViewById(R.id.recycle); mRecyclerView.setLayoutManager(new LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false)); mBusStopPlateAdapter = new BusStopPlateAdapter(mStationList); mRecyclerView.setAdapter(mBusStopPlateAdapter);  ...}...}

2.recycleview適配器：初始化的時候設置起點設置終點設置車道設置當前車位置的下標

/** * 設置車道 */ private void setDriveway(BaseViewHolder helper, BusStopPlateStationInfo item) { if (helper.getAdapterPosition() <= adminCurrentIndex) {  helper.getView(R.id.v_daolu).setSelected(true);  helper.getView(R.id.iv_jiantou).setSelected(true); } else {  helper.getView(R.id.v_daolu).setSelected(false);  helper.getView(R.id.iv_jiantou).setSelected(false); } } /** * 設置起點 */ private void setStartStation(BaseViewHolder helper, BusStopPlateStationInfo item) { helper.setVisible(R.id.v_daolu, false)  .setBackgroundRes(R.id.iv_jiantou, R.drawable.bg_busstop_vdaolu_start); } /** * 設置終點 */ private void setEndStation(BaseViewHolder helper, BusStopPlateStationInfo item) { helper.setBackgroundRes(R.id.iv_jiantou, R.drawable.bg_busstop_vdaolu_end)  .setBackgroundRes(R.id.v_daolu, R.drawable.bg_busstop_vdaolu_end)  .setVisible(R.id.v_zhanwei, true)  .setVisible(R.id.v_daoli_zhanwei, false); } /** * 設置當前所在站點 */ private void setCurrentStation(BaseViewHolder helper, BusStopPlateStationInfo item) { mCurrentView = helper.getConvertView(); helper.setVisible(R.id.bus_stop_reach, true)  .setVisible(R.id.iv_bus_stop_current, false)  .setVisible(R.id.tv_bus_stop_current_num, false)  .setVisible(R.id.iv_current_point, true)  .setVisible(R.id.iv_admin_index, true)  // 顯示占位符，用于顯示一半的灰色  .setBackgroundRes(R.id.v_daoli_zhanwei, R.drawable.bg_busstop_vdaolu)  .setVisible(R.id.v_daoli_zhanwei, true);//  .setTextColor(R.id.tv_bus_station_name, Color.parseColor("#3D93FD")); Glide.with(mContext)  .load(R.drawable.bus_icon_fangxiang_current)  .crossFade()  .into((ImageView) helper.getView(R.id.iv_current_point)); List<AliveBusInfo> aliveBusInfos = item.getAliveBusInfos(); if (aliveBusInfos != null && aliveBusInfos.size() != 0) {  AliveBusInfo aliveBusInfo = aliveBusInfos.get(0);  if ("1".equals(aliveBusInfo.getStStatus()) && aliveBusInfo.getStName().equals(item.getStName())) {  helper.setVisible(R.id.iv_admin_index, false)   .setVisible(R.id.iv_bus_stop_current, true)   .setImageResource(R.id.iv_bus_stop_current, R.drawable.bus_stop_current);  } } else {  Glide.with(mContext)   .load(R.drawable.icon_admin_current_station)   .crossFade()   .into((ImageView) helper.getView(R.id.iv_admin_index)); } } /** * 設置公交所在站點 */ private void setBusStation(BaseViewHolder helper, BusStopPlateStationInfo item) { List<AliveBusInfo> aliveBusInfos = item.getAliveBusInfos(); if (aliveBusInfos != null && aliveBusInfos.size() != 0) {  AliveBusInfo aliveBusInfo = aliveBusInfos.get(0);  if ("0".equals(aliveBusInfo.getStStatus())) {  // 在車道上  helper.setVisible(R.id.bus_stop_not_to, true)   .setVisible(R.id.bus_stop_reach, false)   .setText(R.id.tv_stop_not_to_num, String.valueOf(aliveBusInfos.size()))   // 顯示在過道中的車   .setVisible(R.id.iv_stop_not_to, aliveBusInfos.size() != 0)   // 是否顯示數(shù)字   .setVisible(R.id.tv_stop_not_to_num, aliveBusInfos.size() > 1);  // 如果已經(jīng)過站 顯示灰色圖標  if (aliveBusInfo.getStCount() < 0) {   GlideUtils.loadImageView(mContext, R.drawable.bus_stop_over_station_min, helper.getView(R.id.iv_stop_not_to));  } else {   GlideUtils.loadImageView(mContext, R.drawable.bus_stop_not_to, helper.getView(R.id.iv_stop_not_to));  }  } else if ("1".equals(aliveBusInfo.getStStatus())) {  // 到站  helper.setVisible(R.id.bus_stop_not_to, false)   .setVisible(R.id.bus_stop_reach, true)   .setVisible(R.id.iv_admin_index, true)   .setVisible(R.id.iv_bus_stop_current, false)   .setVisible(R.id.tv_bus_stop_current_num, aliveBusInfo.getStCount() > 1)   .setText(R.id.tv_bus_stop_current_num, String.valueOf(aliveBusInfos.size()));  // 如果已經(jīng)過站 顯示灰色圖標  if (aliveBusInfo.getStCount() < 0) {   GlideUtils.loadImageView(mContext, R.drawable.bus_stop_over_station, helper.getView(R.id.iv_admin_index));  } else {   GlideUtils.loadImageView(mContext, R.drawable.bus_stop_not_to, helper.getView(R.id.iv_admin_index));  }  } } else {  // 隱藏公交車  helper.setVisible(R.id.bus_stop_not_to, false)   .setVisible(R.id.bus_stop_reach, false); } }

3.外部activity的點擊事件:點擊文字的時候?qū)斍拔恢脤ο笏⑿碌竭x擇的位置，刷新recycleview

mBusStopPlateView.setOnBusStopPlateViewItemClick(new BusStopPlateView.onBusStopPlateViewEvent() {  @Override  public void onItemClick(BusStopPlateStationInfo station) {  stationId = station.getStId();  stationName = station.getStName();  exportStationInfo(mBusStopPlateView.getStationList());  aliveBusRefresh();  //當上車提醒保存的信息與當前候車站點信息不一致時恢復為上車提醒，  // 并在點擊上車提醒是判斷是否更新上車提醒的站點  BusRemind remind = SpKeyConfig.getOnRemind();  if (remind != null) {   if (remind.getStationId().equals(stationId) &&    remind.getLineId().equals(mLineId)) {   tvOnRemind.setText("取消提醒");   ivOnRemind.setImageResource(R.drawable.bus_icon_onremind_on);   } else {   tvOnRemind.setText("上車提醒");   ivOnRemind.setImageResource(R.drawable.bus_icon_onremind_off);   }  }  }  @Override  public void onCurrentViewPosition(int x, int y, boolean isVisibility) {  mIvPoint.setTranslationX(x - mIvPoint.getWidth() / 2 + 6);  mIvPoint.setVisibility(isVisibility ? View.VISIBLE : View.INVISIBLE);  } }

以上是“Android如何自定義View實現(xiàn)公交成軌跡圖”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！