Android实现类似网易新闻选项卡动态滑动效果

概述 本文会实现一个类似网易新闻（不说网易新闻大家可能不知道大概是什么样子）点击超多选项卡，选项卡动态滑动的效果。

 本文会实现一个类似网易新闻（不说网易新闻大家可能不知道大概是什么样子）点击超多选项卡，选项卡动态滑动的效果。

首先来看看布局，就是用horizontalscrollview控件来实现滑动的效果，里面包含了一个布局。

接下来我们在onCreat方法中加载布局和构建我们需要显示的数据

<code > @OverrIDeprotected voID onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentVIEw(R.layout.activity_tabbar);tv_tabname= (TextVIEw) this.findVIEwByID(R.ID.tv_tabname);TitleList = new ArrayList<string>();TitleList.add("推荐");TitleList.add("热点");TitleList.add("北京");TitleList.add("体育");TitleList.add("娱乐");TitleList.add("足球");TitleList.add("巴萨");TitleList.add("汽车");}</string></code>

加载布局，用RadioGroup动态的加载多个自定义的Radiobutton

<code >hs_activity_tabbar= (horizontalscrollview) this.findVIEwByID(R.ID.hs_activity_tabbar);ll_activity_tabbar_content= (linearLayout) this.findVIEwByID(R.ID.ll_activity_tabbar_content);//选项卡布局myRadioGroup = new RadioGroup(this);myRadioGroup.setLayoutParams(new VIEwGroup.LayoutParams(VIEwGroup.LayoutParams.MATCH_PARENT,VIEwGroup.LayoutParams.MATCH_PARENT));myRadioGroup.setorIEntation(linearLayout.HORIZONTAL);ll_activity_tabbar_content.addVIEw(myRadioGroup);for (int i = 0; i < TitleList.size(); i++) {String channel = TitleList.get(i);Radiobutton radio = new Radiobutton(this);radio.setbuttonDrawable(androID.R.color.transparent);radio.setBackgroundResource(R.drawable.radiobtn_selector);colorStateList csl = getResources().getcolorStateList(R.color.radiobtn_text_color);radio.setTextcolor(csl);linearLayout.LayoutParams l = new linearLayout.LayoutParams((int) SizeHelper.dp2px(this,80),VIEwGroup.LayoutParams.MATCH_PARENT,Gravity.CENTER);radio.setLayoutParams(l);radio.setTextSize(15);radio.setGravity(Gravity.CENTER);radio.setText(channel);radio.setTag(channel);myRadioGroup.addVIEw(radio);}</code>

最后也就点击选项卡的时候会有一个动态滑动的效果，其实就是利用horizontalscrollview的smoothScrollTo方法来实现的

<code > myRadioGroup.setonCheckedchangelistener(new RadioGroup.OnCheckedchangelistener() {@OverrIDepublic voID onCheckedChanged(RadioGroup group,int checkedID) {int radiobuttonID = group.getCheckedRadiobuttonID();//根据ID获取Radiobutton的实例Radiobutton rb = (Radiobutton) findVIEwByID(radiobuttonID);channel = (String) rb.getTag();mCurrentCheckedRadioleft = rb.getleft();//更新当前按钮距离左边的距离int wIDth=(int) SizeHelper.dp2px(Tabbaractivity.this,140);hs_activity_tabbar.smoothScrollTo((int) mCurrentCheckedRadioleft - wIDth,0);tv_tabname.setText(channel);}});//设定默认被选中的选项卡为第一项if (!TitleList.isEmpty()) {myRadioGroup.check(myRadioGroup.getChildAt(0).getID());}</code>

dp2px方法如下用来将dp转换为px：

<code > public static float dp2px(Context context,float dp) {final float scale = context.getResources().getdisplayMetrics().density;return (dp * scale);}</code>

全部代码为：

<code >package com.example.liuwangshu.myslIDetabbar;import androID.content.res.colorStateList;import androID.support.v7.app.AppCompatActivity;import androID.os.Bundle;import androID.vIEw.Gravity;import androID.vIEw.VIEwGroup;import androID.Widget.horizontalscrollview;import androID.Widget.linearLayout;import androID.Widget.Radiobutton;import androID.Widget.RadioGroup;import androID.Widget.TextVIEw;import java.util.ArrayList;import java.util.List;public class Tabbaractivity extends AppCompatActivity {private horizontalscrollview hs_activity_tabbar;private RadioGroup myRadioGroup;private List<string> TitleList;private linearLayout ll_activity_tabbar_content;private float mCurrentCheckedRadioleft;//当前被选中的Radiobutton距离左侧的距离private String channel;private TextVIEw tv_tabname;@OverrIDeprotected voID onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentVIEw(R.layout.activity_tabbar);tv_tabname= (TextVIEw) this.findVIEwByID(R.ID.tv_tabname);TitleList = new ArrayList<string>();TitleList.add("推荐");TitleList.add("热点");TitleList.add("北京");TitleList.add("体育");TitleList.add("娱乐");TitleList.add("足球");TitleList.add("巴萨");TitleList.add("汽车");initGroup();}private voID initGroup() {hs_activity_tabbar= (horizontalscrollview) this.findVIEwByID(R.ID.hs_activity_tabbar);ll_activity_tabbar_content= (linearLayout) this.findVIEwByID(R.ID.ll_activity_tabbar_content);//选项卡布局myRadioGroup = new RadioGroup(this);myRadioGroup.setLayoutParams(new VIEwGroup.LayoutParams(VIEwGroup.LayoutParams.MATCH_PARENT,Gravity.CENTER);radio.setLayoutParams(l);radio.setTextSize(15);radio.setGravity(Gravity.CENTER);radio.setText(channel);radio.setTag(channel);myRadioGroup.addVIEw(radio);}myRadioGroup.setonCheckedchangelistener(new RadioGroup.OnCheckedchangelistener() {@OverrIDepublic voID onCheckedChanged(RadioGroup group,0);tv_tabname.setText(channel);}});//设定默认被选中的选项卡为第一项if (!TitleList.isEmpty()) {myRadioGroup.check(myRadioGroup.getChildAt(0).getID());}}}</string></string></code>

来看看效果

以上所述是小编给大家介绍的AndroID实现类似网易新闻选项卡动态滑动效果，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对编程小技巧网站的支持！

总结

以上是内存溢出为你收集整理的Android实现类似网易新闻选项卡动态滑动效果全部内容，希望文章能够帮你解决Android实现类似网易新闻选项卡动态滑动效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。