Android自定義View實(shí)現(xiàn)公交成軌跡圖
本文實(shí)例為大家分享了Android自定義View實(shí)現(xiàn)公交成軌跡圖的具體代碼,供大家參考,具體內(nèi)容如下

總體分析下:水平方向recyclewview,item包含定位點(diǎn),站臺(tái)位置和站臺(tái)名稱。
下面看實(shí)現(xiàn):
1.繼承framelayout,實(shí)現(xiàn)構(gòu)造方法:
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) {
...
//設(shè)置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適配器:初始化的時(shí)候設(shè)置起點(diǎn)設(shè)置終點(diǎn)設(shè)置車道設(shè)置當(dāng)前車位置的下標(biāo)
/**
* 設(shè)置車道
*/
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);
}
}
/**
* 設(shè)置起點(diǎn)
*/
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);
}
/**
* 設(shè)置終點(diǎn)
*/
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);
}
/**
* 設(shè)置當(dāng)前所在站點(diǎn)
*/
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));
}
}
/**
* 設(shè)置公交所在站點(diǎn)
*/
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)過站 顯示灰色圖標(biāo)
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)過站 顯示灰色圖標(biāo)
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的點(diǎn)擊事件:點(diǎn)擊文字的時(shí)候?qū)?dāng)前位置對(duì)象刷新到選擇的位置,刷新recycleview
mBusStopPlateView.setOnBusStopPlateViewItemClick(new BusStopPlateView.onBusStopPlateViewEvent() {
@Override
public void onItemClick(BusStopPlateStationInfo station) {
stationId = station.getStId();
stationName = station.getStName();
exportStationInfo(mBusStopPlateView.getStationList());
aliveBusRefresh();
//當(dāng)上車提醒保存的信息與當(dāng)前候車站點(diǎn)信息不一致時(shí)恢復(fù)為上車提醒,
// 并在點(diǎn)擊上車提醒是判斷是否更新上車提醒的站點(diǎn)
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);
}
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android 實(shí)現(xiàn)自定義圓形進(jìn)度條的實(shí)例代碼
進(jìn)度條在Android中教程使用到,本文章向大家介紹一下Android自定義圓形進(jìn)度條實(shí)現(xiàn)代碼,需要的朋友可以參考一下。2016-11-11
Android實(shí)現(xiàn)socket通信統(tǒng)一接口的方法
這篇文章主要介紹了Android實(shí)現(xiàn)socket通信統(tǒng)一接口?,實(shí)現(xiàn)了統(tǒng)一接口之后確實(shí)可以使后續(xù)修改實(shí)現(xiàn)更加方便,程序結(jié)構(gòu)也更加工程化,需要的朋友可以參考下2021-12-12
Android控件之使用ListView實(shí)現(xiàn)時(shí)間軸效果
這篇文章主要介紹了Android基礎(chǔ)控件之使用ListView實(shí)現(xiàn)時(shí)間軸效果的相關(guān)資料,本文是以查看物流信息為例,給大家介紹了listview時(shí)間軸的實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-11-11
Android自動(dòng)化測(cè)試處理各種彈窗的操作方法
這篇文章主要介紹了Android自動(dòng)化測(cè)試中如何處理各種彈窗,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2021-07-07
Jetpack?Compose?DropdownMenu手指跟隨點(diǎn)擊顯示
這篇文章主要為大家介紹了Jetpack?Compose?DropdownMenu手指跟隨點(diǎn)擊位置顯示實(shí)現(xiàn)方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11
Android仿微信雷達(dá)輻射搜索好友(邏輯清晰實(shí)現(xiàn)簡(jiǎn)單)
仿微信雷達(dá)掃描,仿安卓微信、云播雷達(dá)掃描動(dòng)畫效果點(diǎn)擊中間的黑色圓圈開始掃描動(dòng)畫,再次點(diǎn)擊復(fù)位,需要這種效果的朋友可以自己下載看一下2016-02-02

