Introduction

A Segmented Toggle Button UI element contains two or more toggle buttons. One button is always in the active state.
Button has three states: enabled, active, and disabled.

Creation from XML

You need to create a new com.att.widgets.lib.button.SegmentedTextToggleButton object and add it to your view or layout.

<com.att.widgets.lib.button.SegmentedTextToggleButton
  	android:layout_width="wrap_content"
  	android:layout_height="wrap_content"
  	android:layout_marginTop="5dip"
  	android:layout_marginBottom="5dip">
  	
  	<com.att.widgets.lib.button.ImageToggleButton  
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content" 
  		android:text="Toggle 1"/>
  	
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 2"/>
  		
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 3"/>
  	
</com.att.widgets.lib.button.SegmentedTextToggleButton>

Creation from Code

  public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        ViewGroup v = (ViewGroup)findViewById(R.id.segmented_togglebutton_main);
        SegmentedTextToggleButton segmentedToggle = new SegmentedTextToggleButton(this);
        ImageToggleButton imageToggleButton = new ImageToggleButton(this);
        imageToggleButton.setText("Toggle 1");
        segmentedToggle.addButton(imageToggleButton);
        imageToggleButton = new ImageToggleButton(this);
        imageToggleButton.setText("Toggle 2");
        segmentedToggle.addButton(imageToggleButton);
        segmentedToggle.init();
        v.addView(segmentedToggle);
        
    }

Layout

your main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/segmented_togglebutton_main" 
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:orientation="vertical">
  
  <TextView android:layout_width="fill_parent" 
  	android:layout_height="wrap_content" 
  	android:text="This is a Segmented text toggle button created in the xml"/>
  	
  <com.att.widgets.lib.button.SegmentedTextToggleButton
  	android:layout_width="wrap_content"
  	android:layout_height="wrap_content"
  	android:id="@+id/segmented_enabled"
  	android:layout_marginTop="5dip"
  	android:layout_marginBottom="5dip">
  	
  	<com.att.widgets.lib.button.ImageToggleButton  
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content" 
  		android:text="Toggle 1"/>
  	
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 2"/>
  		
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 3"/>
  	
  </com.att.widgets.lib.button.SegmentedTextToggleButton>
  
  <TextView android:layout_width="wrap_content"
  	android:id="@+id/segmented_enabled_text"
  	android:layout_height="wrap_content"
  	android:text="Selected toggle index= -1"
  	android:layout_margin="10dip"/>
  	
    <TextView android:layout_width="fill_parent" 
  	android:layout_height="wrap_content" 
  	android:text="This is a disabled Segmented text toggle button created in the xml"/>
  	
  <com.att.widgets.lib.button.SegmentedTextToggleButton
  	android:layout_width="wrap_content"
  	android:layout_height="wrap_content"
  	android:id="@+id/segmented_disabled"
  	android:layout_marginTop="5dip"
  	android:layout_marginBottom="5dip">
  	
  	<com.att.widgets.lib.button.ImageToggleButton  
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content" 
  		android:text="Toggle 1"/>
  	
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 2"/>
  		
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 3"/>
  		
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 4"/>
  	
  </com.att.widgets.lib.button.SegmentedTextToggleButton>
  
  
   <TextView android:layout_width="fill_parent" 
  	android:layout_height="wrap_content" 
  	android:text="This is a Segmented text toggle button created in code"/>
</LinearLayout>

Defined in Xml and Disabled from Code

Activity


@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        SegmentedTextToggleButton segmentedTextToggleButtonDisable = (SegmentedTextToggleButton)findViewById(R.id.segmented_disabled);
	segmentedTextToggleButtonDisable.setEnabled(false);
        segmentedTextToggleButtonDisable.setSelectedIndex(2);
}

Layout

<com.att.widgets.lib.button.SegmentedTextToggleButton
  	android:layout_width="wrap_content"
  	android:layout_height="wrap_content"
  	android:id="@+id/segmented_disabled"
  	android:layout_marginTop="5dip"
  	android:layout_marginBottom="5dip">
  	
  	<com.att.widgets.lib.button.ImageToggleButton  
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content" 
  		android:text="Toggle 1"/>
  	
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 2"/>
  		
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 3"/>
  		
  	<com.att.widgets.lib.button.ImageToggleButton 
  		android:layout_width="wrap_content"
  		android:layout_height="wrap_content"
  		android:text="Toggle 4"/>
  	
  </com.att.widgets.lib.button.SegmentedTextToggleButton>