您的位置:首页 > 移动开发 > Android开发

【android】RadioGroup+RadioButton+HorizontalScrollview实现顶部横向菜单栏

2016-05-02 14:37 676 查看
1.获取horizontalscrollview、radiogroup控件

//获取mRadioGroup horizontalscrollview布局
LayoutInflater inflater = (LayoutInflater)getSystemService(this.LAYOUT_INFLATER_SERVICE);
View view =inflater.inflate(R.layout.product_view, null);
mRadioGroup = (RadioGroup) view.findViewById(R.id.radio_group);
mHorizontalScrollView = (HorizontalScrollView) findViewById(R.id.horizontalscrollview);


2.设置控件参数

//parentItemArr为商品类别对象集合
for (int i =0;i<ParentItemArr.size();i++){
//添加radiobutton及设置参数(方便动态加载radiobutton)
RadioButton rb  = new RadioButton(MainActivity.this);
//根据下标获取商品类别对象
Result itemArr = (Result) ParentItemArr.get(i);
rb.setText(itemArr.getName());
rb.setTextSize(13);
rb.setGravity(Gravity.CENTER);
//根据需要设置显示初始标签的个数,这里显示4个
rb.setLayoutParams(new ViewGroup.LayoutParams((int)(screenWidth/4.5), ViewGroup.LayoutParams.FILL_PARENT));
rb.setBackgroundResource(R.drawable.radiobutton_bg_selector);
//**原生radiobutton是有小圆点的,要去掉圆点而且最好按以下设置,设置为null的话在4.x.x版本上依然会出现**
rb.setButtonDrawable(new ColorDrawable(Color.TRANSPARENT));
rb.setTextColor(MainActivity.this.getResources().getColorStateList(R.color.check_txt_color));
//向radiogroup中添加radiobutton
mRadioGroup.addView(rb);
}
//设置初始check对象(第一个索引从0开始)
((RadioButton)mRadioGroup.getChildAt(0)).setChecked(true);
//监听check对象
mRadioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
int RadiobuttonId = group.getCheckedRadioButtonId();
//获取radiobutton对象
RadioButton bt = (RadioButton) group.findViewById(RadiobuttonId);
//获取单个对象中的位置
int index = group.indexOfChild(bt);
//设置滚动位置,可使点击radiobutton时,将该radiobutton移动至第二位置
mHorizontalScrollView.smoothScrollTo(bt.getLeft() - (int) (screenWidth / 4.5), 0);
item_check_ID = index;
//根据点击的radiobutton跳转至不同webview界面
webUrlRefresh(ParentItemArr, index);
}
});
//在mHorizontalScrollView加载mRadioGroup布局
mHorizontalScrollView.addView(mRadioGroup);


3.布局文件清单

(1)、product_view.xml

<?xml version="1.0" encoding="utf-8"?>
<RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:id="@+id/radio_group">
</RadioGroup>


(2)activity_main.xml(部分)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/scroll_view"
android:layout_width="fill_parent"
android:layout_height="30dp"
android:orientation="horizontal"
android:layout_below="@+id/nav_bar_top">
<LinearLayout
android:layout_weight="7"
android:layout_width="0dp"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="@android:color/white"
android:gravity="center">
<HorizontalScrollView
android:id="@+id/horizontalscrollview"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:fillViewport="false"
android:scrollbars="none">
</HorizontalScrollView>
</LinearLayout>
</LinearLayout>


(3)radiobutton_bg_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector  xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_enabled="true"
android:state_checked="true"
android:drawable="@drawable/item_click_short" />
<item
android:state_enabled="true"
android:state_checked="false"
android:drawable="@color/com_facebook_share_button_text_color" />
</selector >


(4)check_txt_color.xml

<?xml version="1.0" encoding="utf-8"?>
<selector  xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:color="@color/click_txt" ></item>
<item android:state_checked="true" android:color="@color/click_txt" ></item>
<item android:state_checked="false" android:color="@color/logo_bg"></item>
</selector >


4.效果图

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息