Hello. I would like to thank you for this library, it brings a missing functionality of the platform and its very easy to use!

I've noticed today that when I was trying to add an OnSegmentClickListener my Android Studio is throwing an internal error you can see here.

I've also tried updating the library to the latest version. This code was working perfectly fine two days ago, and I don't know if this is the libraries fault or Andorid Studio's... Ι've updated to the latest kotlin but it was working after the update as well. Do you have any idea what could cause this? I tried cleaning my project, invalidating caches, etc, but the error is still there. Any help is greatly appreciated

again, thank you for your work so far.

I have a question regarding implementing Custom adapter, I assume that the Type of adapter can be anything, so in case i made the type as a custom model, which have icon and text, and need to implement the adapter to have icon and text, in the onSegmentBind how can I know if this is the selected or not?

is it even possible to implement it like that, below is my implementation for the custom ViewHolder

public class AppSegmentedViewHolder extends SegmentViewHolder<SegmentedTypeModel> {
    TextView tvTitle;
    ImageView ivIcon;

    public AppSegmentedViewHolder(@NonNull View sectionView) {
        super(sectionView);
        tvTitle = sectionView.findViewById(R.id.tvTitle);
        ivIcon = sectionView.findViewById(R.id.ivIcon);

    }

    @Override
    protected void onSegmentBind(SegmentedTypeModel segmentedTypeModel) {
        tvTitle.setText(segmentedTypeModel.getTitle());
        ivIcon.setImageResource(segmentedTypeModel.getIcon());
    }
}

Today, I update my android studio from 3.3 to 3.4. In 3.3 version my application is working fine but at the same time, I am facing an issue.

Error: cannot access ComponentFrameLayout class file for view_component.lib_android.com.view_component.base_view.layouts.ComponentFrameLayout not found

I am not able to hide segmentedcontrol

error: cannot find symbol method setVisibility(int)

My Code :

<segmented_control.widget.custom.android.com.segmentedcontrol.SegmentedControl android:id="@+id/rchtype_control" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="@dimen/_10sdp" app:columnCount="2" app:distributeEvenly="true" app:radius="@dimen/_12sdp" app:segments="@array/RchType" app:textVerticalPadding="@dimen/_6sdp" />

rchType = (SegmentedControl) findViewById(R.id.rchtype_control);

rchType.setVisibility(View.GONE); - Error show here

I disabled the segment by setEnable(false) but it doesn't work So I used the following code but it is better to make disable feature

    private void disableEnableControls(boolean enable, ViewGroup vg) {
        for (int i = 0; i < vg.getChildCount(); i++) {
            View child = vg.getChildAt(i);
            child.setEnabled(enable);
            if (child instanceof ViewGroup) {
                disableEnableControls(enable, (ViewGroup) child);
            }
        }
    }

I am using this control in a cell in a recycler view for use in a form. There are duplicated calls occurring since the listener is added and never removed. I will create a pull request.

I can't find a method to change segment text so I made a custom adapter and I override this method

@Override
    public void onSegmentSelected(boolean isSelected, boolean isReselected) {
        super.onSegmentSelected(isSelected, isReselected);
        if (isSelected) {
            setSectionDecorationSelected(true);
            itemTV.setText(R.string.on);
        } else {
            setSectionDecorationSelected(false);
            itemTV.setText(R.string.off);
        }
    }

then I used this adapter in my activity by this code segmentedShipSwitch.setAdapter(new ShipSegmentAdapter()); but segment text not fliped

when I add library to dependencies I got "failed to resolve :com.android.support:appcompat-v7:27.1.1" error. my android compileSdkVersion is 25 buildToolsVersion is "25.0.3"

Hi, I am trying to create SegmentedControl that will show images instead of text.

This is expert from xml layout:

    <segmented_control.widget.custom.android.com.segmentedcontrol.SegmentedControl
            android:id="@+id/segmented_sports"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            app:columnCount="5"
            app:distributeEvenly="true"
            app:radius="3dp"
            app:selectedBackgroundColor="@color/colorPrimary"
            app:selectedStrokeColor="@color/colorPrimary"
            app:unSelectedBackgroundColor="@color/white"
            app:unSelectedStrokeColor="@color/colorPrimary"
            app:strokeWidth="1dp"
            app:radiusForEverySegment="true"
        />

This is xml layout of segment item:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        xmlns:tools="http://schemas.android.com/tools"
        tools:background="@color/white">

    <ImageView
            android:id="@+id/image_sport_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
        android:layout_gravity="center"
        tools:src="@drawable/sport_athletics"
        />
</FrameLayout>

These are definitions of adapter and viewholder:

class AppSegmentAdapter : SegmentAdapter<Long, LiveEventSegmentViewHolder>() {

    override fun onCreateViewHolder(
        layoutInflater: LayoutInflater,
        viewGroup: ViewGroup,
        i: Int
    ): LiveEventSegmentViewHolder {
        return LiveEventSegmentViewHolder(layoutInflater.inflate(R.layout.custom_live_events_segment_item, null))
    }
}

class LiveEventSegmentViewHolder(override  val containerView: View) : SegmentViewHolder<Long>(containerView), LayoutContainer {

    override fun onSegmentBind(segmentData: Long?) {
        image_sport_icon.setImageDrawable(ContextCompat.getDrawable(image_sport_icon.context, SportHandler.getIconBySport(segmentData ?: 0L)))
    }

    override fun onSegmentSelected(isSelected: Boolean, isReselected: Boolean) {
        super.onSegmentSelected(isSelected, isReselected)
        Toast.makeText(image_sport_icon.context, "isSelected: $isSelected, isReselected: $isReselected", Toast.LENGTH_SHORT).show()
    }
}

This is When I start the app, my icons are shown but stroke lines and backgrounds are missing.

It looks something like this:

And this is how I initialize this control in fragment:

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        val sports: Array<Long> = arrayOf(SportHandler.FOOTBALL, SportHandler.BASKETBALL, SportHandler.HANDBALL, SportHandler.OTHER)
        segmented_sports.setAdapter(AppSegmentAdapter())
        (segmented_sports as SegmentedControl<Long>).addSegments(sports)
        segmented_sports.notifyConfigIsChanged()
    }

What am I doing wrong here?

Hi,

this is my segment_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
             >
    <ImageView
            android:id="@+id/segmented_image"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
    />
</FrameLayout>

These are SegmentAdapter and SegmentViewHolder :

    class LiveSportsSegmentAdapter : SegmentAdapter<Long, LiveSportsSegmentAdapter.LiveSportsSegmentViewHolder>() {
        override fun onCreateViewHolder(
            layoutInflater: LayoutInflater,
            parent: ViewGroup?,
            viewType: Int
        ): LiveSportsSegmentViewHolder {
            return LiveSportsSegmentViewHolder(layoutInflater.inflate(R.layout.segment_item, null))
        }

        class LiveSportsSegmentViewHolder(segmentView: View) : SegmentViewHolder<Long>(segmentView), LayoutContainer {
            override val containerView: View?
            init {
                containerView = segmentView
            }
            override fun onSegmentBind(segmentData: Long?) {
                segmented_image.setImageDrawable(ContextCompat.getDrawable(segmented_image.context, SportHandler.getIconBySport(segmentData ?: 0)))
            }
        }
    }

In Fragment I tried to set segmentedControl this way:

override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        top_matches_segmented.setAdapter(LiveSportsSegmentAdapter())
        val list: List<Long> = listOf(SportHandler.AMERICAN_FOOTBALL, SportHandler.FOOTBALL)

        (top_matches_segmented as SegmentedControl).addSegments( list )


    }

For last line I get this error:

None of the following functions can be called with the arguments supplied: public open fun addSegments(p0: (Nothing..Array<out Nothing!>?)): Unit defined in xxx.SegmentedControl public open fun addSegments(p0: (Nothing..List<Nothing!>?)): Unit defined in xxx.SegmentedControl

How should I send those parameters to addSegments() method?

Thanks!

After updating the gradle wrapper to the latest version (gradle-5.1.1-all), I got these errors:

error: cannot access SectionLayout public final class SegmentViewHolder extends segmented_control.widget.custom.android.com.segmentedcontrol.item_row_column.SegmentViewHolder<java.lang.String> { ^ class file for section_layout.widget.custom.android.com.sectionlayout.SectionLayout not found

e: java.lang.IllegalStateException: failed to analyze: java.lang.AssertionError: annotation tree hasn't been attributed yet: @kotlin.Metadata ...

I'am using Kotlin.

Hi Robert. Great work.

I have a small problem with segment control.

I have the following on XML <segmented_control.widget.custom.android.com.segmentedcontrol.SegmentedControl android:id="@+id/segmented_control" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/data_package" android:layout_margin="@dimen/small_margin" app:columnCount="3" app:distributeEvenly="true" app:radius="12dp" app:strokeWidth="2dp" app:focusedBackgroundColor="@color/pb_bg_color" app:selectedBackgroundColor="@color/pb_bg_color" app:selectedStrokeColor="@color/white" app:selectedTextColor="@color/white" app:textVerticalPadding="6dp" app:unSelectedStrokeColor="@color/white_disabled" app:unSelectedTextColor="@color/white_disabled" />

and this from Kotlin:

segmented_control.removeAllSegments() val items = mutableListOf<String>() (segmented_control as SegmentedControl<String>).addSegments(items)

segmented_control.setSelectedSegment(AppPreferences.lastPositionSegment) if (!update) { showDates(AppPreferences.lastPositionSegment) }

segmented_control.addOnSegmentClickListener { val position = it.absolutePosition AppPreferences.lastPositionSegment = it.absolutePosition showDates(position) }

But still getting a collorAccent stroke line when is selected a button, even when i defined on XML to use white color app:selectedStrokeColor="@color/white"

There is a config method "setReselectionEnabled". I think this method is used to toggle each segment item's check/uncheck status by clicking on the segment item But it doesn't work

When I set a stroke width of 8, the areas where segments meet doubles that (due to each segment having their own stroke).

When a segment meets another, only one of the two segments should draw a stroke.

Example with strokeWidth set to 4dp:

I want to align the data 11 to the left. how to align?

[Segment item xml]

<RelativeLayout
        android:layout_width="65dp"
        android:layout_height="65dp">

    <com.aby.lib.widget.CircleImageView
            android:id="@+id/civ_fuel_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:border_color="@color/color_ff4d4d4d"
            app:border_width="1dp"
            android:layout_centerInParent="true"
            android:src="@android:color/white"/>

    <TextView
            android:id="@+id/tv_fuel_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:textColor="@color/color_ff4d4d4d"
            android:textSize="14sp"
            android:text="@string/dummy"/>

</RelativeLayout>

[Adapter class]

public class ColorSegmentAdapter extends SegmentAdapter<ColorSegmentAdapter.SegmentColor, ColorSegmentAdapter.ColorSegmentVH> {

    private Context mContext;

    public ColorSegmentAdapter(Context context) {
        this.mContext = context;
    }

    @NonNull
    @Override
    protected ColorSegmentVH onCreateViewHolder(@NonNull LayoutInflater layoutInflater, ViewGroup parent, int viewType) {
        return new ColorSegmentVH(LayoutInflater.from(mContext).inflate(R.layout.circle_text_segment, parent, false));
    }

    class ColorSegmentVH extends SegmentViewHolder<SegmentColor> {

        @BindView(R.id.civ_fuel_image)
        CircleImageView civFuelImage;

        @BindView(R.id.tv_fuel_text)
        TextView tvFuelText;

        @BindView(R.id.rl_check_icon)
        RelativeLayout rlCheckIcon;

        View mRootView;

        public ColorSegmentVH(@NonNull View sectionView) {
            super(sectionView);
            ButterKnife.bind(this, sectionView);
            civFuelImage.setBorderWidth(8);
            mRootView = sectionView;
        }

        @Override
        protected void onSegmentBind(SegmentColor segmentData) {
            if (segmentData.getTitle().equals("")) {
                mRootView.setVisibility(View.INVISIBLE);
                mRootView.setSelected(false);
            }
            else {
                civFuelImage.setImageResource(segmentData.getBackgroundColor());
                civFuelImage.setBorderColor(mContext.getResources().getColor(segmentData.getUnSelectBorderColor(), null));
                tvFuelText.setText(segmentData.getTitle());
                tvFuelText.setTextColor(mContext.getResources().getColor(segmentData.getTitleColor(), null));
            }
        }

        @Override
        public void onSegmentSelected(boolean isSelected, boolean isReselected) {
            super.onSegmentSelected(isSelected, isReselected);
            if (isSelected || isReselected) {
                civFuelImage.setBorderColor(mContext.getResources().getColor(getSegmentData().getSelectBorderColor(), null));
                rlCheckIcon.setVisibility(View.VISIBLE);
            }
            else {
                civFuelImage.setBorderColor(mContext.getResources().getColor(getSegmentData().getUnSelectBorderColor(), null));
                rlCheckIcon.setVisibility(View.INVISIBLE);
            }
        }
    }

    public static class SegmentColor {
        private int backgroundColor;
        private int unSelectBorderColor;
        private int selectBorderColor;
        private int titleColor;
        private String title;

        public SegmentColor(int backgroundColor, int unSelectBorderColor, int titleColor, String title) {
            this(backgroundColor, R.color.colorPrimary, unSelectBorderColor, titleColor, title);
        }

        public SegmentColor(int backgroundColor, int selectBorderColor, int unSelectBorderColor, int titleColor, String title) {
            this.backgroundColor = backgroundColor;
            this.selectBorderColor = selectBorderColor;
            this.unSelectBorderColor = unSelectBorderColor;
            this.titleColor = titleColor;
            this.title = title;
        }

        public int getBackgroundColor() {
            return backgroundColor;
        }

        public void setBackgroundColor(int backgroundColor) {
            this.backgroundColor = backgroundColor;
        }

        public String getTitle() {
            return title;
        }

        public void setTitle(String title) {
            this.title = title;
        }

        public int getBorderColor() {
            return unSelectBorderColor;
        }

        public void setBorderColor(int borderColor) {
            this.unSelectBorderColor = borderColor;
        }

        public int getUnSelectBorderColor() {
            return unSelectBorderColor;
        }

        public void setUnSelectBorderColor(int unSelectBorderColor) {
            this.unSelectBorderColor = unSelectBorderColor;
        }

        public int getSelectBorderColor() {
            return selectBorderColor;
        }

        public void setSelectBorderColor(int selectBorderColor) {
            this.selectBorderColor = selectBorderColor;
        }

        public int getTitleColor() {
            return titleColor;
        }

        public void setTitleColor(int titleColor) {
            this.titleColor = titleColor;
        }
    }

}

[color setting]

segColorControl.setAdapter(colorSegmentAdapter);

segmentColors.add(new ColorSegmentAdapter.SegmentColor(android.R.color.white, R.color.color_ff9b9b9b, android.R.color.black, "1"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(R.color.color_F9F7EA, android.R.color.white, android.R.color.black, "2"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(R.color.color_A9A9A9, android.R.color.white, android.R.color.black, "3"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(android.R.color.black, android.R.color.white, android.R.color.white, "4"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(R.color.color_FF2600, android.R.color.white, android.R.color.white, "5"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(R.color.color_945200, android.R.color.white, android.R.color.white, "6"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(R.color.color_FFFB00, android.R.color.white, android.R.color.black, "7"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(R.color.color_0433FF, android.R.color.white, android.R.color.white, "8"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(R.color.color_008F00, android.R.color.white, android.R.color.white, "9"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(R.color.color_942193, android.R.color.white, android.R.color.white, "10"));
        segmentColors.add(new ColorSegmentAdapter.SegmentColor(android.R.color.white, R.color.color_ff9b9b9b, android.R.color.black, "11"));

segColorControl.addSegments(segmentColors);
        segColorControl.notifyConfigIsChanged();

[SegmentedControl]

<segmented_control.widget.custom.android.com.segmentedcontrol.SegmentedControl
                        android:id="@+id/seg_color_control"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="15dp"
                        app:columnCount="5"/>