Android开发:新闻app的顶部导航栏,怎么实现动态加载?? 求大神解答!!!

Android开发:新闻app的顶部导航栏,怎么实现动态加载?? 求大神解答!!!,第1张

TabLayout + viewpager 其中viewpager的适配器要继承FragmentPagerAdapter,要实现动态更新,最主要的是适配器的写法,要在数据发生变化之后清除FragmentManager

的缓存,然后重新生成抬头以及viewpager里面的Fragment,详细可以搜索”viewpager中动态添加、删除Fragment“

现在我们开发的项目基本都会用到导航栏或者下面功能列表切换。那我简单了解一下TabLayout。    

因为谷歌已经有开源的TabLayout直接用就好了,里面可以设置table 字体颜色属性等等可以根据自己的功能需求定义·

<com.google.android.material.tabs.TabLayout

android:id="@+id/tablayout"

android:layout_width="match_parent"

android:layout_height="@dimen/x41"

android:layout_gravity="bottom"

android:background="@color/f6"

app:tabBackground="@android:color/transparent"

app:tabGravity="fill"

app:tabIndicatorHeight="0dp"

app:tabMode="fixed"

app:tabRippleColor="@android:color/transparent" />

CustomScrollViewPager viewPager = findViewById(R.id.viewpager)

List list =new ArrayList<>()

list.add(new MainFragment())

list.add(new GoodsFragment())

list.add(new ShopFragment())

list.add(new UserFragment())

ArrayList titles =new ArrayList<>()

titles.add("主页")

titles.add("商品")

titles.add("购物车")

titles.add("我的")

TabFragment tabFragment =new TabFragment(getSupportFragmentManager(), list,titles)

viewPager.setAdapter(tabFragment)

// 如果需要定义icon tablayout.addTab(tab_Maintab.newTab().setText("我的").setIcon(R.drawable.ic_launcher_background))

//设置跟viewpager 联动

tablayout.setupWithViewPager(viewPager)

//防止fragment页面不显示

viewPager.setOffscreenPageLimit(list.size())

/**

* 标签栏切换适配器

*/

public class TabFragmentextends FragmentPagerAdapter {

private ListfragmentList

    private Listtitles

    public TabFragment(FragmentManager fm, List fragmentList, ArrayList titles) {

super(fm)

        this.fragmentList = fragmentList

        this.titles = titles

    }

@Override

    public FragmentgetItem(int i) {

return fragmentList.get(i)

    }

@Override

    public int getCount() {

return fragmentList.size()

    }

@Override

    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {

Log.d("destroyItem", position +"")

        super.destroyItem(container, position, object)

    }

@Nullable

@Override

    public CharSequencegetPageTitle(int position) {

return titles.get(position %titles.size())

    }

}

private void initPager() {

CustomScrollViewPager viewPager = findViewById(R.id.viewpager)

    List list =new ArrayList<>()

    list.add(new MainFragment())

    list.add(new GoodsFragment())

    list.add(new ShopFragment())

    list.add(new UserFragment())

// FragmentPagerAdapter 可以不用setTile 自定义tab已经设置了

    TabFragment tabFragment =new TabFragment(getSupportFragmentManager(), list)

    viewPager.setAdapter(tabFragment)

    tablayout.addOnTabSelectedListener(new TabLayoutListener(viewPager))

    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tablayout))

    //防止fragment页面不显示

    viewPager.setOffscreenPageLimit(list.size())

    addTab()

}

//添加tab

private void addTab() {

for (int i =0i <SystemData.systemSetting.getMenu_nav().size()i++) {

if (i ==0) {

tablayout.addTab(tablayout.newTab().setCustomView(tab_icon(SystemData.systemSetting.getMenu_nav().get(i).getTitle(), SystemData.systemSetting.getMenu_nav().get(i).getImg_url_hover(), ContextCompat.getColor(this, R.color.tab))), true)

        }else {

tablayout.addTab(tablayout.newTab().setCustomView(tab_icon(SystemData.systemSetting.getMenu_nav().get(i).getTitle(), SystemData.systemSetting.getMenu_nav().get(i).getImg_url(), ContextCompat.getColor(this, R.color.black6))), false)

        }

}

}

private Viewtab_icon(String str, String imageUrl, int color) {

View tab = LayoutInflater.from(this).inflate(R.layout.main_tab_view, null)

    TextView tv = tab.findViewById(R.id.tab_view)

    tv.setText(str)

    tv.setTextColor(color)

    ImageView im = tab.findViewById(R.id.tab_img)

    Glide.with(this).load(imageUrl).into(im)

    return tab

}

//tab 监听器

public class TabLayoutListenerextends TabLayout.ViewPagerOnTabSelectedListener {

private ViewPagerviewPager

    public TabLayoutListener(ViewPager viewPager) {

super(viewPager)

        this.viewPager = viewPager

    }

@Override

    public void onTabSelected(TabLayout.Tab tab) {

viewPager.setCurrentItem(tab.getPosition())

        setTab(tab, SystemData.systemSetting.getMenu_nav().get(tab.getPosition()).getImg_url_hover(), R.color.tab)

    }

@Override

    public void onTabUnselected(TabLayout.Tab tab) {

setTab(tab, SystemData.systemSetting.getMenu_nav().get(tab.getPosition()).getImg_url(), R.color.black6)

    }

private void setTab(TabLayout.Tab tab, String url, int colorId) {

if (tab.getCustomView() !=null) {

TextView view = tab.getCustomView().findViewById(R.id.tab_view)

            ImageView imageView = tab.getCustomView().findViewById(R.id.tab_img)

            Glide.with(App.getContext()).load(url).into(imageView)

            view.setTextColor(ContextCompat.getColor(App.getContext(), colorId))

        }

}

}

有时候在一些子页面或者内容页面,不需要显示ActionBar的标题栏图标。可用如下方式进行设置。

首先获取到ActionBar对象

ActionBar actionBar=getActionBar()

使用android:logo属性。不像方方正正的icon,logo的图像不会有任何宽度限制。

logo图像典型的给你的APP提供品牌。当有Logo的时候,可以隐藏label。

默认的,ActionBar使用Activity的android:icon属性,还有一致的android:label属性。

隐藏Label标签:actionBar.setDisplayShowTitleEnabled(false)

隐藏logo和icon:actionBar.setDisplayShowHomeEnabled(false)

设置标题,一个主标题,一个子标题

actionBar.setSubtitle(“Inbox”)

actionBar.setTitle(“Label:important”)

默认的ActionBar的背景颜色取决于activity指定的Theme。Holo Theme它的背景是黑色的。

可以指定任意的Drawabel对象作为背景,使用setBackgroundDrawable方法:

ActionBar actionBar = getActionBar()

Resources r = getResources()

Drawable myDrawable = r.getDrawable(R.drawable.gradient_header)

actionBar.setBackgroundDrawable(myDrawable)

注意:ActionBar会自动缩放你的背景图

覆盖模式

默认情况下,actionBar放在activity的顶部,且作为activity布局的一部分。设置成为覆盖模式后,actionBar相当于漂浮在activity之上,不干预activity的布局。设置如下:

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY)

setContentView(R.layout.main)

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11618247.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存