-1

I am using view pager and two layouts which have a button in each. I want to display those buttons in circle form. As of now I am getting in rectangular shape only. Below is my code.

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

<shape android:shape="rectangle" >
    <gradient
        android:angle="0"
        android:endColor="@android:color/white"
        android:startColor="@android:color/white" />

    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp" />

    <stroke
        android:width="1dp"
        android:color="@android:color/holo_blue_dark" />
</shape>

MainActivity.java

package com.circleviewpager;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.widget.Button;

public class MainActivity extends FragmentActivity {
private ViewPager _mViewPager;
private ViewPagerAdapter _adapter;
private Button _btn1, _btn2;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    setUpView();
    setTab();
}

private void setUpView() {
    _mViewPager = (ViewPager) findViewById(R.id.viewPager);
    _adapter = new ViewPagerAdapter(getApplicationContext(),
            getSupportFragmentManager());
    _mViewPager.setAdapter(_adapter);
    _mViewPager.setCurrentItem(0);
    initButton();
}

private void setTab() {
    _mViewPager.setOnPageChangeListener(new OnPageChangeListener() {

        @Override
        public void onPageScrollStateChanged(int position) {
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
        }

        @Override
        public void onPageSelected(int position) {
            // TODO Auto-generated method stub
            btnAction(position);
        }

    });

}

private void btnAction(int action) {
    switch (action) {
    case 0:
        setButton(_btn1, "1", 20, 20);
        setButton(_btn2, "", 20, 20);
        break;

    case 1:
        setButton(_btn2, "2", 20, 20);
        setButton(_btn1, "", 20, 20);
        break;
    }
}

private void initButton() {
    _btn1 = (Button) findViewById(R.id.btn1);
    _btn2 = (Button) findViewById(R.id.btn2);
    setButton(_btn1, "1", 20, 20);
    setButton(_btn2, "", 20, 20);
}

private void setButton(Button btn, String text, int h, int w) {
    btn.setWidth(w);
    btn.setHeight(h);
    btn.setText(text);
}

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@android:color/white"
android:orientation="vertical" >
<!-- ViewPager -->
<android.support.v4.view.ViewPager
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:id="@+id/viewPager" />
<!-- Footer -->
<include layout="@layout/footer"  />
</FrameLayout>

In footer.xml I have two buttons.. Can someone say what is the mistake I am doing? If u need any other info, tell me..

Dilipchandar
  • 129
  • 1
  • 1
  • 13

2 Answers2

2

Try changing

<shape android:shape="rectangle" >

with

<shape android:shape="oval" >
Sumighosh Charuvil
  • 446
  • 1
  • 4
  • 14
1

You can use FloatingActionButton for showing circular shape button.

Here is a good example

Community
  • 1
  • 1