咖啡商城主页实现

实验背景:
对下图中的底部菜单切换页面的实现。
这里写图片描述

实验目的:实现咖啡商城主页的切换和部分美化。
实验思路:
主要是使用PagerAdapter、ViewPager、Fragment的搭配实现主页的切换效果。
实验具体步骤:
(1)首先在我们看到图中有俩部分构成一部分是底部菜单还有一部分是菜单上面的部分。
先在我们可以在Android studio中新建一个空的activity,其布局文件activity_main.xml中的布局方向为垂直,上部分为viewpager,其 android:layout_weight=”1”,下部为一个RadioGroup放着5个RadioButton,其中RadioGroup布局方向为horizontal
,RadioButton中的为了显示菜单中字上面的图片我们要在每个RadioButton中加入 android:button=”@null” android:drawableTop=”@drawable/icon_home_nor”属性,这样底部的图片都差不多了,只需调整一下位置即可,这样我们的activity_main.xml就差不多完成了。
(2)上面编写的是xml下面开始编写Java代码。
先说一下思路首先需要实现点下面的菜单中的按钮切换fragment页面,还有当我们滑动上面的页面时下面相应的菜单项会产生改变。
首先我们的activity要继承FragmentActivity实现OnPageChangeListener,然后在InitView()及InitViewPager()内进行初始化,
下面的将用PagerAdapter、ViewPager、Fragment结合这里就和listview一样的用法这里的pagadapter就跟arrayadapter,viewpager就好比是listview,fragment就是数据项。
将上面的适配后,对菜单中的按钮进行处理,让它们点击进入相应的fragment,其实也比较简单,就是调用viewpager中的setCurrentItem(int item)其方法是设置显示在当前的fragment,然后调用 isSelect(int position),这里isSelect(int position)中是对其字体颜色和图片改变。
现在我们要实现滑动页面菜单改变要在OnPageChangeListener中的onPageSelected(int position), 首先 hidebtnselect();是还原到所以按钮默认的状态, isSelect(position);是根据当前的位置对其字体颜色和图片改变。
上述代码会在不久后发放出来,暂时先把思路放这里。

猜你喜欢

转载自blog.csdn.net/SHRDLU/article/details/51483948
今日推荐