怎么在Android中使用StepView實(shí)現(xiàn)一個(gè)物流進(jìn)度效果

怎么在Android中使用StepView實(shí)現(xiàn)一個(gè)物流進(jìn)度效果？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

思路

思路：主要是進(jìn)行了動(dòng)態(tài)添加，根據(jù)上面的效果展示，創(chuàng)建一個(gè)子布局，如下圖所示（代碼里面的布局圖一個(gè)ImageView一個(gè)View一個(gè)TextView），然后自定義一個(gè)MyVerticalView繼承LinearLayout（注意設(shè)置orientation），在MyVerticalView中根據(jù)數(shù)據(jù)來(lái)addview()就可以了

代碼

Model

mode的具體變量是根據(jù)上面item的布局，我們需要知道當(dāng)前的狀態(tài)跟具體過(guò)程描述。狀態(tài)分為下面三種情況：
STATE_PROCESSING：正在進(jìn)行中（圖標(biāo)如下）

STATE_COMPLETED：已經(jīng)完成（圖標(biāo)如下）

STATE_DEFAULT：最后默認(rèn)步驟（圖標(biāo)如下）

根據(jù)上面分析需要兩個(gè)變量，currentState是為了根據(jù)狀態(tài)設(shè)置不同圖標(biāo)的

private String description;//當(dāng)前狀態(tài)描述
 private String currentState;//當(dāng)前狀態(tài)（上面三個(gè)狀態(tài)中的一個(gè)）

完整

public class StepModel {
 public static final String STATE_PROCESSING="PROCESSING";//正在進(jìn)行的狀態(tài)
 public static final String STATE_COMPLETED="COMPLETED";//已經(jīng)完成的狀態(tài)
 public static final String STATE_DEFAULT="DEFAULT";//結(jié)尾的默認(rèn)狀態(tài)
 private String description;//當(dāng)前狀態(tài)描述
 private String currentState;//當(dāng)前狀態(tài)（上面三個(gè)狀態(tài)中的一個(gè)）
 public StepModel(String description, String currentState) {
  this.description = description;
  this.currentState = currentState;
 }
 public String getCurrentState() {
  return currentState;
 }
 public void setCurrentState(String currentState) {
  this.currentState = currentState;
 }

 public String getDescription() {
  return description;
 }
 public void setDescription(String description) {
  this.description = description;
 }
}

StepView

public class MyVerticalStepView extends LinearLayout {
 private List<StepModel> mDatas = new ArrayList<>();//下面給出了它的set跟get方法
 private Context mContext;

 public MyVerticalStepView(Context context) {
  this(context, null);
 }

 public MyVerticalStepView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }

 public MyVerticalStepView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  mContext = context;

 }

 private void init() {
  setOrientation(VERTICAL);
  mDatas = getmDatas();//獲取數(shù)據(jù)
  for (int i = 0; i < mDatas.size(); i++) {
   //獲取布局，注意第二個(gè)參數(shù)一定是ViewGroup，否則margin padding之類(lèi)的屬性將不能使用
   View itemview = LayoutInflater.from(mContext).inflate(R.layout.stepview_item, this, false);
   TextView description = (TextView) itemview.findViewById(R.id.description_tv);
   View line = itemview.findViewById(R.id.line_v);
   ImageView icon = (ImageView) itemview.findViewById(R.id.stepicon_iv);
   description.setText(mDatas.get(i).getDescription());
   //根據(jù)不同狀態(tài)設(shè)置不同圖標(biāo)
   switch (mDatas.get(i).getCurrentState()) {
    case StepModel.STATE_COMPLETED:
     icon.setImageResource(R.drawable.complted);
     break;
    case StepModel.STATE_DEFAULT:
    //結(jié)尾圖標(biāo)隱藏豎線
     line.setVisibility(GONE);
     icon.setImageResource(R.drawable.default_icon);
     break;
    case StepModel.STATE_PROCESSING:

     icon.setImageResource(R.drawable.attention);
     break;
   }

   this.addView(itemview);

  }
  requestLayout();//重新繪制布局
  invalidate();//刷新當(dāng)前界面
 }

 public List<StepModel> getmDatas() {
  return mDatas;
 }

 public void setmDatas(List<StepModel> mDatas) {
  this.mDatas = mDatas;
  init();
 }
}

Activity調(diào)用

public class StepViewDemoActivity extends AppCompatActivity {
 private MyVerticalStepView mStepView;

 @Override
 protected void onCreate(@Nullable Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.stepviewlayout);
  mStepView= (MyVerticalStepView) findViewById(R.id.stepview);
   init();
 }
 private void init() {
  List<StepModel> datas=new ArrayList<>();
  StepModel step1=new StepModel("您已提交訂單，等待系統(tǒng)確認(rèn)",StepModel.STATE_COMPLETED);
  StepModel step2=new StepModel("訂單已確認(rèn)并打包，預(yù)計(jì)12月16日送達(dá)",StepModel.STATE_COMPLETED);
  StepModel step3=new StepModel("包裹正在路上",StepModel.STATE_COMPLETED);
  StepModel step4=new StepModel("包裹正在派送",StepModel.STATE_PROCESSING);
  StepModel step5=new StepModel("感謝光臨涂涂女裝（店鋪號(hào)85833577），淘寶店鋪，關(guān)注店鋪更多動(dòng)態(tài)盡在微淘動(dòng)態(tài)！",StepModel.STATE_DEFAULT);
  datas.add(step1);
  datas.add(step2);
  datas.add(step3);
  datas.add(step4);
  datas.add(step5);
  mStepView.setmDatas(datas);

 }
}

布局

itemview布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="horizontal" android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:paddingTop="5dp"
 android:background="@color/stepviewbg"
 >
<LinearLayout
 android:id="@+id/left"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:orientation="vertical"
 android:paddingRight="10dp"
 android:paddingLeft="10dp"

 >
 <ImageView
  android:id="@+id/stepicon_iv"
  android:layout_width="15dp"
  android:layout_height="15dp"
  android:src="@drawable/attention"
  />
 <View
  android:id="@+id/line_v"
  android:layout_width="2dp"
  android:layout_height="30dp"
  android:background="@color/uncompleted_text_color"
  android:layout_gravity="center_horizontal"
  android:visibility="visible"
  ></View>

</LinearLayout>
 <LinearLayout
  android:layout_toRightOf="@+id/left"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_weight="1"
  android:orientation="vertical"
  android:paddingRight="10dp"
  android:paddingLeft="10dp"
  >
  <TextView
   android:id="@+id/description_tv"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:textSize="18sp"
   android:textColor="@color/uncompleted_text_color"
   android:text="訂單正在派送中"/>

 </LinearLayout>
</RelativeLayout>

stepview布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent">
 <com.demo.demo.networkdemo.stepview.MyVerticalStepView
  android:id="@+id/stepview"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">
 </com.demo.demo.networkdemo.stepview.MyVerticalStepView>
</LinearLayout>

Android是什么

Android是一種基于Linux內(nèi)核的自由及開(kāi)放源代碼的操作系統(tǒng)，主要使用于移動(dòng)設(shè)備，如智能手機(jī)和平板電腦，由美國(guó)Google公司和開(kāi)放手機(jī)聯(lián)盟領(lǐng)導(dǎo)及開(kāi)發(fā)。

關(guān)于怎么在Android中使用StepView實(shí)現(xiàn)一個(gè)物流進(jìn)度效果問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。