Как сделать дискретный поиск / индикатор в android? - PullRequest
Новая
       92

Как сделать дискретный поиск / индикатор в android?

0 голосов
/ 13 апреля 2020

Как сделать дискретный индикатор прогресса / поиска, как степпер в android. Как мы видим в историях статуса WhatsApp.

enter image description here

1 Ответ

0 голосов
/ 13 апреля 2020

Хотя это реализовано очень многими библиотеками, но мне нужно реализовать его без использования библиотек.

Я использую представления в горизонтальном линейном расположении и делю его динамически в зависимости от количества разделов или количества состояний. истории должны быть показаны.

Activity_main. xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

<LinearLayout
    android:id="@+id/layout_views"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="8dp"
    android:orientation="horizontal"
    android:padding="4dp" />

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="32dp"
    android:text="Click" />

</LinearLayout>

MainActivity. java

public class MainActivity extends AppCompatActivity {
String TAG = "MainActivity";
Button mButton;
int x=0,height,width,numberOfSections;
LinearLayout layoutViews;
ArrayList<View> viewsList =new ArrayList<>();

@SuppressLint("ClickableViewAccessibility")
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    //findviews
    layoutViews = findViewById(R.id.layout_views);
    mButton = (Button) findViewById(R.id.button);

    //for getting dimensions of screen
    DisplayMetrics displayMetrics = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
    height = displayMetrics.heightPixels;
    width = displayMetrics.widthPixels;

    //suppose we have to cut section into 4 parts
    numberOfSections = 10;
    width -= (16 + 16*numberOfSections);    //reducing length of layout by 16dp from left and right and in between 16dp {in between*number of sections)
    width /= numberOfSections;
    for(int i=0;i<numberOfSections;i++){
        View v = new View(this);
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(width, 10);
        params.setMargins(16,0,0,0);    //giving 16dp internal margin between two views
        v.setLayoutParams(params);
        viewsList.add(v);   //adding views in array list for changing color on click of button

        v.setBackgroundColor(getResources().getColor(colorAccent));
        layoutViews.addView(v);
    }
    //button onclick function
    mButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
                buttonClick();
        }
    });
}

public void buttonClick(){
   viewsList.get(x).setBackgroundColor(getResources().getColor(colorPrimaryDark));
   x++;
  }
 }

Voyella! Вы создали этот динамический c индикатор хода истории, хотя вы можете добавить анимацию перехода в представлениях.

...