আপনি কীভাবে একটি বিন্দু নির্দেশক সহ অ্যান্ড্রয়েড ভিউ পেজার তৈরি করবেন?

155

সম্ভবত আপনারা অনেকের (আমি হিসাবে) ViewPagerনীচের বিন্দু দিয়ে তৈরি করতে সমস্যা রয়েছে যেমন:

আপনি কীভাবে এ জাতীয় অ্যান্ড্রয়েড ভিউপেজার তৈরি করবেন?

— RediOne1
সূত্র

318

আমরা প্রয়োজন আছেন: ViewPager , TabLayout এবং নির্বাচিত এবং ডিফল্ট বিন্দু 2 অঙ্কনযোগ্য।

প্রথমত, TabLayoutআমাদের স্ক্রিন বিন্যাসে আমাদের যুক্ত করতে হবে এবং এর সাথে সংযুক্ত করতে হবে ViewPager। আমরা এটি দুটি উপায়ে করতে পারি:

নেস্টেড `TabLayout`মধ্যে`ViewPager`

<androidx.viewpager.widget.ViewPager
    android:id="@+id/photos_viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.tabs.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</androidx.viewpager.widget.ViewPager>

এক্ষেত্রে TabLayoutস্বয়ংক্রিয়ভাবে সংযুক্ত হয়ে যাবে ViewPagerতবে এটির TabLayoutপাশে ViewPagerনয়, এর পাশে থাকবে ।

আলাদা `TabLayout`

<androidx.viewpager.widget.ViewPager
    android:id="@+id/photos_viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

এই ক্ষেত্রে, আমরা যে TabLayoutকোনও জায়গায় রাখতে পারি, তবে প্রোগ্রামের TabLayoutসাথে আমাদের সংযোগ করতে হবেViewPager

ViewPager pager = (ViewPager) view.findViewById(R.id.photos_viewpager);
PagerAdapter adapter = new PhotosAdapter(getChildFragmentManager(), photosUrl);
pager.setAdapter(adapter);

TabLayout tabLayout = (TabLayout) view.findViewById(R.id.tab_layout);
tabLayout.setupWithViewPager(pager, true);

একবার আমরা আমাদের বিন্যাস তৈরি করার পরে, আমাদের বিন্দু প্রস্তুত করতে হবে। সুতরাং আমরা তিনটি ফাইল তৈরি করুন: selected_dot.xml, default_dot.xmlএবং tab_selector.xml।

selected_dot.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="8dp"
            android:useLevel="false">
            <solid android:color="@color/colorAccent"/>
        </shape>    
    </item>
</layer-list>

default_dot.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="8dp"
            android:useLevel="false">
            <solid android:color="@android:color/darker_gray"/>
        </shape>    
    </item>
</layer-list>

tab_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/selected_dot"
          android:state_selected="true"/>

    <item android:drawable="@drawable/default_dot"/>
</selector>

TabLayoutআমাদের এক্সএমএল লেআউটে এখন আমাদের কেবলমাত্র 3 টি লাইন কোড যুক্ত করতে হবে ।

app:tabBackground="@drawable/tab_selector"
app:tabGravity="center"
app:tabIndicatorHeight="0dp"

ViewPager2এই নিবন্ধ পড়ার জন্য :

মাঝারি.কম এ ডট সূচক সহ ভিউপ্যাজার (2)

আপ-ভোট স্বাগত জানায় ;-)

— RediOne1
সূত্র

18

আপনি এটি ডকুমেন্টেশন বিভাগে আরও ভাল করে রাখুন। এটি যদিও সাহায্য করেছে।

— এরফান জিএলএমপিআর

2

@ErfanGholampour stackoverflow.com/documentation/android/692/viewpager/22945/...

— RediOne1

3

@ অমিতসিংহ আপনি app:tabMaxWidthট্যাবললআউট

— রেডিওঅন 1

3

আমি নির্দেশাবলী সঠিকভাবে অনুসরণ না করিনি কিনা জানি না তবে তাদের মধ্যে একটি শালীন স্থান সহ কেবল বিন্দুগুলি দেখানোর জন্য আমাকে নিম্নলিখিতগুলি যুক্ত করতে হয়েছিল:

app:tabMaxWidth="30dp"         app:tabTextColor="@color/transparent2"         app:tabSelectedTextColor="@color/transparent2"         app:tabIndicatorHeight="0dp"         android:layout_gravity="bottom|center"

— সেভেন

3

ডটস অ্যাপের মধ্যে ব্যবধান অপসারণের জন্য: ট্যাবপ্যাডিংস্টার্ট = "@ মাত্রা / মার্জিন_7.5" অ্যাপ্লিকেশন: ট্যাবপ্যাডিংএন্ড = "@ মাত্রা / মার্জিন_7.5"

— dev_mg99

30

প্রথমে একটি বিন্যাস তৈরি করুন, এর মধ্যে বিন্দুগুলির জন্য একটি লাইনালআউট প্রদান করুন যা আপনার ভিউ পেজারের উপরে দেখায়

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>


    <LinearLayout
        android:id="@+id/pager_dots"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="10dp"
        android:background="@android:color/transparent"
        android:gravity="center_horizontal"
        android:orientation="horizontal">
    </LinearLayout>

</RelativeLayout>

এর পরে 2 টি আঁকতে সক্ষম তৈরি করুন

1. নির্বাচিত ড্রয়যোগ্য

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="oval" xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/transparent"/>
    <size android:width="12dp" android:height="12dp"/>

    <stroke android:width="1dp" android:color="#ffffff"/>
</shape>

2. নির্বাচিত অঙ্কনযোগ্য

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="oval" xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/transparent"/>
    <size android:width="12dp" android:height="12dp"/>

    <stroke android:width="1dp" android:color="#000000"/>
</shape>

যে সেট অ্যাডাপ্টার পরে

private LinearLayout llPagerDots;
private ViewPager viewPager;
private ArrayList<String> eventImagesUrl;
private HomeViewPagerAdapter homeViewPagerAdapter;
private ImageView[] ivArrayDotsPager;

public void setUpViewPager() {
    viewPager = (ViewPager) findViewById(R.id.view_pager);
    llPagerDots = (LinearLayout) findViewById(R.id.pager_dots);

    homeViewPagerAdapter = new HomeViewPagerAdapter(mContext, eventImagesUrl);

    viewPager.setAdapter(homeViewPagerAdapter);

    setupPagerIndidcatorDots();

    ivArrayDotsPager[0].setImageResource(R.drawable.page_indicator_selected);

    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            for (int i = 0; i < ivArrayDotsPager.length; i++) {
                ivArrayDotsPager[i].setImageResource(R.drawable.page_indicator_unselected);
            }
            ivArrayDotsPager[position].setImageResource(R.drawable.page_indicator_selected);
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });
}

একটি পদ্ধতি সেটআপপেজারআইডিডিকেটরডটস তৈরি করুন ():

private void setupPagerIndidcatorDots() {
    ivArrayDotsPager = new ImageView[eventImagesUrl.size()];
    for (int i = 0; i < ivArrayDotsPager.length; i++) {
        ivArrayDotsPager[i] = new ImageView(getActivity());
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        params.setMargins(5, 0, 5, 0);
        ivArrayDotsPager[i].setLayoutParams(params);
        ivArrayDotsPager[i].setImageResource(R.drawable.page_indicator_unselected);
        //ivArrayDotsPager[i].setAlpha(0.4f);
        ivArrayDotsPager[i].setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                view.setAlpha(1);
            }
        });
        llPagerDots.addView(ivArrayDotsPager[i]);
        llPagerDots.bringToFront();
    }

— ইশান্ত গার্গ
সূত্র

আর কী HomeViewPagerAdapter?

— কুলমাইন্ড

পেজসেলিক্ট (পজিশন: ইনট) এর নীচে ওভাররাইড মজাদার নীচের মতো নিখুঁতভাবে কাজ করার জন্য অন পেজএইট সিলেক্ট করুন i এর জন্য (আমি 0-এ আইভিআরডটসপাগার !!। আকার) {যদি (i! = পজিশন) ivArrayDotsPager !! applicationContext, R.drawable.unselected_dot)) আর ivArrayDotsPager !! [আমি] .setImageDrawable (ContextCompat.getDrawable (applicationContext, R.drawable.selected_dot))} linearLayout !! bringToFront ()}।

— সৌহার্দ্য

19

আপনার অনুরোধটি পরিচালনা করতে আপনি আমার গ্রন্থাগারটি দেখতে পারেন: https://github.com/tommybuonomo/dotsindicator

আপনার এক্সএমএল লেআউটে

  <com.tbuonomo.viewpagerdotsindicator.DotsIndicator
      android:id="@+id/dots_indicator"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerHorizontal="true"
      app:dotsColor="@color/colorPrimary"
      app:dotsSize="16dp"
      app:dotsWidthFactor="3"
      />

আপনার জাভা কোডে

dotsIndicator = (DotsIndicator) findViewById(R.id.dots_indicator);
viewPager = (ViewPager) findViewById(R.id.view_pager);
adapter = new ViewPagerAdapter();
viewPager.setAdapter(adapter);
dotsIndicator.setViewPager(viewPager);

— টমি বুওনো
সূত্র

ব্যবহার করা এত সহজ এবং বিশেষত অ্যানিমেশনগুলির সাথে দুর্দান্ত দেখাচ্ছে ... ধন্যবাদ! আমি হয়নি, তবে, যোগ আছে tools:replace="android:label"করতে applicationআমার ট্যাগ AndroidManifest.xmlযে ট্যাগ দুইবার সংজ্ঞায়িত করা হয় এবং একটি gradle বিল্ড ব্যর্থ ঘটাচ্ছে হচ্ছে এমন কোনো ত্রুটির সম্মুখীন পরিত্রাণ পেতে।

— ফ্যাট সন্ন্যাস

আমি gradleত্রুটি পাচ্ছি , যদিও

Error:(39, 20) All com.android.support libraries must use the exact same version specification (mixing versions can lead to runtime crashes). Found versions 27.0.0, 25.3.1. Examples include 'com.android.support:support-compat:27.0.0' and 'com.android.support:animated-vector-drawable:25.3.1'

- আমি কীভাবে এটি ঠিক করতে পারি?

— ফ্যাট সন্ন্যাস

কীভাবে স্বয়ংক্রিয়ভাবে ডটস ইন্ডিকেটরে স্ক্রোল করবেন

— শিবম কুমার

আরে .. আমি এটি প্রয়োগ করেছি..আমি <com.tbuonomo.viewpagerdotsindicator.WormDotsIndicator> ব্যবহার করেছি তবে বিন্দুগুলি চরম বামে প্রদর্শিত হচ্ছে .. কেন কেন্দ্রে বিন্দুগুলি বিন্যস্ত করতে?

3

<android.support.v4.view.ViewPager
      android:id="@+id/vpImage"
      android:layout_width="match_parent"
      android:layout_height="@dimen/_120sdp" />


<android.support.design.widget.TabLayout
      android:id="@+id/tlImage"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:tabBackground="@drawable/selector_product_image"
      app:tabGravity="center"
      app:tabIndicatorHeight="0dp"
      app:tabMaxWidth="12dp"
      app:tabRippleColor="@null" />

ImageAdapter imageAdapter = new ImageAdapter(context, arrayList);
vpImage.setOffscreenPageLimit(1);
vpImage.setAdapter(imageAdapter);
tlImage.setupWithViewPager(vpImage);

selector_product_image.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/image_selected" android:state_selected="true" />
    <item android:drawable="@drawable/image_unselected" />

</selector>

image_selected.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="4dp"
            android:useLevel="false">
            <solid android:color="@color/colorAccent" />
        </shape>
    </item>
</layer-list>

image_unselected.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="4dp"
            android:useLevel="false">
            <solid android:color="@color/colorPrimary" />
        </shape>
    </item>
</layer-list>

ImageAdapter.java

class ImageAdapter extends PagerAdapter {

  private Context context;
  private ArrayList<ImageModel> arrayList;
  private LayoutInflater layoutInflater;

  public ImageAdapter(Context context, ArrayList<ImageModel> arrayList) {
      this.context = context;
      this.arrayList = arrayList;
      this.layoutInflater = (LayoutInflater) this.context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  }

  @Override
  public int getCount() {
      return arrayList.size();
  }

  @Override
  public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
      return view == ((View) o);
  }

  @Override
  public Object instantiateItem(ViewGroup container, int position) {
      View view = layoutInflater.inflate(R.layout.row_slider_image, container, false);

      AppCompatImageView ivProductImage = view.findViewById(R.id.ivProductImage);

      if (!TextUtils.isEmpty(arrayList.get(position).getImage())) {
          Glide.with(context)
                  .load(arrayList.get(position).getImage())
                  .apply(new RequestOptions().placeholder(R.drawable.no_image).error(R.drawable.no_image))
                  .into(ivProductImage);
      }

      container.addView(view);
      return view;
  }

  @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
      container.removeView((View) object);
  }
}

row_slider_image.xml

<android.support.v7.widget.LinearLayoutCompat xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.AppCompatImageView
        android:id="@+id/ivProductImage"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/no_image" />

</android.support.v7.widget.LinearLayoutCompat>

— কেতন রমনী
সূত্র

1

আপনার এক্সএমএল

  <RelativeLayout
                android:id="@+id/rl_speed"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_above="@+id/ll_dashboard_buttons"
                android:layout_below="@+id/ib_menu">

                <com.smart.gps.speedometer.app.utils.SmartViewPager
                    android:id="@+id/view_pager"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" 
                   app:layout_behavior="@string/appbar_scrolling_view_behavior">
                   </com.smart.gps.speedometer.app.utils.SmartViewPager>

                   <android.support.design.widget.TabLayout
                    android:id="@+id/sliding_tabs"
                    android:layout_alignParentBottom="true"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:tabBackground="@drawable/tab_selector"
                    app:tabIndicatorHeight="0dp"
                    app:tabGravity="center"
                    />

একটি অঙ্কনযোগ্য তৈরি করুন। অঙ্কনযোগ্য -> নতুন -> অঙ্কনযোগ্য ফাইল সংস্থান নামের সেই ফাইলটিতে ডান ক্লিক করুন

tab_selector.xml

<item android:drawable="@drawable/selected_tab"
    android:state_selected="true"/>

<item android:drawable="@drawable/unselected_tab"/>

এখন আরও দুটি এক্সএমএল ফাইল রয়েছে। সম্মানিত নামের সাথে আরও দুটি এক্সএমএল ফাইল তৈরি করুন। এগুলি হ'ল সিলেক্টর সূচক এবং নির্বাচিত সূচক

selected_tab.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="4dp"
            android:useLevel="false">
            <solid android:color="@color/highspeed"/>
        </shape>
    </item>
</layer-list>

unselected_tab.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="2dp"
            android:useLevel="false">
            <solid android:color="@android:color/darker_gray"/>
        </shape>
    </item>
</layer-list>

— নাল পয়েন্টার ব্যতিক্রম
সূত্র

সম্ভবত SmartViewPagerআপনার কাস্টম ভিউ।

— কুলমাইন্ড

1

আপনি সর্বশেষ ভিউপ্যাজার 2 এবং কোটলিনের সাথে এর অনুরূপ কিছু চাইলে

সবকিছুই স্ব-ব্যাখ্যা করছে, ব্যাখ্যা করার দরকার নেই!

1. আপনার কার্যকলাপ বা খণ্ড

val imageList = listOf(
        ImageModel(R.drawable.offer1),
        ImageModel(R.drawable.splash),
        ImageModel(R.drawable.offer1),
        ImageModel(R.drawable.splash2)
    )

    val adapter = HomeOffersAdapter()
    adapter.setItem(imageList)
    photos_viewpager.adapter = adapter

    TabLayoutMediator(tab_layout, photos_viewpager) { tab, position ->
    }.attach()
}

2. লেআউট

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="@dimen/dp_200">

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/photos_viewpager"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dp_200" />

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_gravity="bottom|center"
    app:tabBackground="@drawable/tab_selector"
    app:tabGravity="center"
    app:tabIndicatorHeight="0dp"
    app:tabSelectedTextColor="@android:color/transparent"
    app:tabTextColor="@android:color/transparent" />

3. অঙ্কনযোগ্য: tab_selector.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/dot_selected" android:state_selected="true" />
<item android:drawable="@drawable/dot_default" />

4. অঙ্কনযোগ্য: dot_selected.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:innerRadius="0dp"
android:shape="ring"
android:thickness="@dimen/dp_8"
android:useLevel="false">

<solid android:color="@color/colorPrimary" />

<stroke
    android:width="@dimen/dp_1"
    android:color="@android:color/white" />

5. অঙ্কনযোগ্য: dot_default.xML

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:innerRadius="0dp"
android:shape="ring"
android:thickness="@dimen/dp_8"
android:useLevel="false">

<solid android:color="@android:color/transparent" />

<stroke
    android:width="@dimen/dp_1"
    android:color="@android:color/white" />

6. অ্যাডাপ্টার

class HomeOffersAdapter : RecyclerView.Adapter<HomeOffersAdapter.HomeOffersViewHolder>() {

private var list: List<ImageModel> = listOf()


override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): HomeOffersViewHolder {
    return HomeOffersViewHolder(parent)
}


override fun onBindViewHolder(holder: HomeOffersViewHolder, position: Int) {
    holder.bind(list[position])
}

fun setItem(list: List<ImageModel>) {
    this.list = list
    notifyDataSetChanged()
}

override fun getItemCount(): Int = list.size

class HomeOffersViewHolder constructor(itemView: View) : RecyclerView.ViewHolder(itemView) {

    constructor(parent: ViewGroup) : this(
        LayoutInflater.from(parent.context).inflate(
            R.layout.pager_item,
            parent, false
        )
    )

    fun bind(imageModel: ImageModel) {
        itemView.offerImage.setImageResource(imageModel.image)
    }
}

}

7. লেআউট: পেজার_াইটেম.এক্সএমএল

<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:fitsSystemWindows="true"
android:orientation="vertical">

<androidx.appcompat.widget.AppCompatImageView
    android:id="@+id/offerImage"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dp_200"
    android:adjustViewBounds="true"
    android:scaleType="fitXY"
    tools:src="@drawable/offer1" />

— কিশান সোলঙ্কি
সূত্র

0

সিমব্যাসলিনে ভিউফ্লিপার এবং দেখুনফ্লিপার_লাইনার_ডট_লে (লিনিয়ারলেআউট) রাখুন এবং নীচের একটিকে অনুসরণ করুন

viewFlipper_linear_dot_lay= (LinearLayout) findViewById(R.id.dots_lay);
setupDotsOnViewPager(images_viewFlipper);
    for (int i = 0; i < images_viewFlipper.size(); i++) {
    //Add Images to ViewFlipper 
    }



private void setupDotsOnViewPager(ArrayList images_viewFlipper) {
                    images_linear = new ImageView[images_viewFlipper.size()];
                    for (int i = 0; i < images_linear.length; i++) {
                        images_linear[i] = new ImageView(this);
                        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
                        params.setMargins(5, 0, 5, 0);
                        params.gravity = Gravity.BOTTOM | Gravity.CENTER;
                        images_linear[i].setLayoutParams(params);
                        images_linear[i].setImageResource(R.drawable.unselected);
                        viewFlipper_linear_dot_lay.addView(images_linear[i]);
                        viewFlipper_linear_dot_lay.bringToFront();
                    }
                }

এবং অনআরাইট এবং অন-লেফট প্রাপ্তিতে নীচের কোডটি দেয়

for (int i = 0; i < images_linear.length; i++) {
 images_linear[i].setImageResource(R.drawable.unselected);
 }
images_linear[viewFlipper.getDisplayedChild()].setImageResource(R.drawable.selected);

— ভিভি ডাব্লু
সূত্র

0

নির্ভরতা যুক্ত করুন> গ্রেডল সিঙ্ক করুন

implementation 'com.tbuonomo.andrui:viewpagerdotsindicator:4.1.2'

আপনার জাভা কোডে

 dotsIndicator = (DotsIndicator) findViewById(R.id.dots_indicator3);


myViewPagerAdapter = new MyViewPagerAdapter();
        viewPager.setAdapter(myViewPagerAdapter);
        viewPager.addOnPageChangeListener(viewPagerPageChangeListener);
        dotsIndicator.setViewPager(viewPager);

আপনার বিন্যাসে

<com.tbuonomo.viewpagerdotsindicator.SpringDotsIndicator
android:id="@+id/spring_dots_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:dampingRatio="0.5"
app:dotsColor="@color/material_white"
app:dotsStrokeColor="@color/material_yellow"
app:dotsCornerRadius="2dp"
app:dotsSize="16dp"
app:dotsSpacing="6dp"
app:dotsStrokeWidth="2dp"
app:stiffness="300"
/>

— Mue
সূত্র

আপনি কীভাবে একটি বিন্দু নির্দেশক সহ অ্যান্ড্রয়েড ভিউ পেজার তৈরি করবেন?

নেস্টেড TabLayoutমধ্যেViewPager

আলাদা TabLayout

selected_dot.xml

default_dot.xml

tab_selector.xml

নেস্টেড `TabLayout`মধ্যে`ViewPager`

আলাদা `TabLayout`