文档章节

ViewPager系列之软件主页面切换制作

鱼想吃肉
 鱼想吃肉
发布于 2018/10/23 17:43
字数 674
阅读 4
收藏 0

效果图:ViewPager制作的页面能左右滑动,而Fragment制作的页面却不能左右滑动。

   

代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:focusable="false"
    >
<android.support.v4.view.ViewPager
    android:id="@+id/viewPager"
    android:layout_height="fill_parent"
    android:layout_width="fill_parent">
</android.support.v4.view.ViewPager>

    <RadioGroup
        android:id="@+id/titleGroup"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:orientation="horizontal"
        android:layout_alignParentBottom="true"
        android:clickable="true"
        >

        <RadioButton
            android:id="@+id/radioHome"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="第一个页面"
            android:checked="true"
            android:clickable="true"
            android:button="@null"
            android:drawableTop="@drawable/radio1"
            android:textColor="@drawable/text1"
            android:drawablePadding="5dp"
            android:padding="5dp"
            />

        <RadioButton
            android:id="@+id/radioSearch"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_gravity="center"
            android:text="第二个页面"
            android:checked="false"
            android:button="@null"
            android:drawableTop="@drawable/radio2"
            android:textColor="@drawable/text2"
            android:drawablePadding="5dp"
            android:padding="5dp"/>

        <RadioButton
            android:id="@+id/radioMore"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="第三个页面"
            android:checked="false"
            android:button="@null"
            android:drawableTop="@drawable/radio3"
            android:textColor="@drawable/text3"
            android:drawablePadding="5dp"
            android:padding="5dp"/>

        <RadioButton
            android:id="@+id/radioPersonal"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_gravity="center"
            android:text="第四个页面"
            android:checked="false"
            android:button="@null"
            android:drawableTop="@drawable/radio4"
            android:textColor="@drawable/text4"
            android:drawablePadding="5dp"
            android:padding="5dp"/>
    </RadioGroup>

</RelativeLayout>

 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true"  android:drawable="@drawable/home_selected" ></item>
    <item android:state_checked="false" android:drawable="@drawable/home"></item>
</selector>
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true"  android:color="#1E90FF"></item>
    <item android:state_checked="false" android:color="#4D4D4D"></item>
</selector>
package com.tab.tabviewpager;

import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v7.app.AppCompatActivity;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RadioButton;
import android.widget.RadioGroup;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private ViewPager viewPager;
    private List<View> viewList;
    private PagerAdapter pagerAdapter;
    private RadioGroup radioGroup;
    private RadioButton radioHome,radioSearch,radioMore,radioPersonal;
    private int[] all={0,1,2,3};
    private List<RadioButton> radioButtons;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager= (ViewPager) findViewById(R.id.viewPager);
        View view1= LayoutInflater.from(this).inflate(R.layout.layout1,null);
        View view2=LayoutInflater.from(this).inflate(R.layout.layout2,null);
        View view3=LayoutInflater.from(this).inflate(R.layout.layout3,null);
        View view4=LayoutInflater.from(this).inflate(R.layout.layout4,null);
        viewList=new ArrayList<View>();
        viewList.add(view1);
        viewList.add(view2);
        viewList.add(view3);
        viewList.add(view4);
        pagerAdapter=new ViewPagerAdapter();
        viewPager.setAdapter(pagerAdapter);
        radioHome= (RadioButton) findViewById(R.id.radioHome);
        radioSearch= (RadioButton) findViewById(R.id.radioSearch);
        radioMore= (RadioButton) findViewById(R.id.radioMore);
        radioPersonal= (RadioButton) findViewById(R.id.radioPersonal);
        radioButtons=new ArrayList<RadioButton>();
        radioButtons.add(radioHome);
        radioButtons.add(radioSearch);
        radioButtons.add(radioMore);
        radioButtons.add(radioPersonal);
        viewPager.setOnPageChangeListener(new pageChangeListener());
        radioGroup= (RadioGroup) findViewById(R.id.titleGroup);
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                int i=0;
                for(RadioButton button:radioButtons){
                    if(button.getId()==checkedId){
                        viewPager.setCurrentItem(i);
                        break;
                    }
                    i++;
                }
            }
        });
    }

    class ViewPagerAdapter extends  PagerAdapter{
        @Override
        public int getCount() {
            return viewList.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view==object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(viewList.get(position));
            return viewList.get(position);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(viewList.get(position));
        }
    }


    class pageChangeListener  implements ViewPager.OnPageChangeListener{

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
           for(int i:all){
               if(i==position){
                   radioButtons.get(i).setChecked(true);
               }else{
                   radioButtons.get(i).setChecked(false);
               }
         }
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    }
}

 

© 著作权归作者所有

共有 人打赏支持
鱼想吃肉
粉丝 0
博文 22
码字总数 23569
作品 0
宝山
程序员
私信 提问
【求指教!!】Fragment ViewPager相关问题

想实现类似于微信的效果,点击Footer的tab整个页面的内容跟着变化,但是页面切换不需要滑动(页面切换包括手势切换和点击Footer的tab切换,默认ViewPager是手势切换和点击Footer的tab切换都有...

Summersize
2013/12/16
317
3
用ViewPager实现多页面的切换效果

说明: ViewPager用于实现多页面的切换效果,该类存在于Google的兼容包里面,所以在引用时记得在BuilldPath中加入“android-support-v4.jar” 主布局文件 main.xml <?xml version="1.0" enc...

zt1212
2012/10/15
0
1
Android 打造一个丝滑的自动轮播控件

现在很多的 App 都有自动轮播的 banner 界面,用于展示广告图片或者显示当前比较热门的一些活动,除了具备比较酷炫的效果之外,通过轮播的方式来减少对界面的占用,也是很赞的一个设计点。本...

developerHaoz
2018/08/08
0
0
使用ViewPage实现类launcher屏幕滑动

在去年11月份的时候,自己写过一篇launcher左右滑动的源码分析的文章,launcher修改--左右滑动屏幕切换源码追踪,今年1月份的时候,看到一份有意思的代码,又简单的解析了下代码,写成页面滑...

迷途d书童
2012/03/30
4.6K
0
借助Handler,实现ViewPager中页面的自动切换

在很多电商网页及app上都有自动切换的商品的推广快,感觉体验挺不错的,正好今天学习使用ViewPager,因此也实现了一个功能类似的demo。 下面是其中的两个截图: 实现一个自动播放功能的ViewP...

风荷举
2013/11/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

乱入Linux界的我是如何学习的

欢迎来到建哥学Linux,咳!咳!咳!开个玩笑哈,我是一个IT男,IT界的入门选手,正在学习Linux。 在之前,一直想进军IT界,学习IT技术,但是苦于没有人指导,也不知道学什么,最开始我自己在...

linuxprobe16
38分钟前
4
0
OSChina 周日乱弹 —— 没时间 没头发 但有钱

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @开源中国总经办主任 :分享齐一的单曲《这个年纪》 《这个年纪》- 齐一 手机党少年们想听歌,请使劲儿戳(这里) @肿肿卷 :我真的可以睡一天...

小小编辑
今天
51
4
Django进阶 1.1 ORM基础—ORM 1.2.1 增删改查之查询 1.2.2 删改增 (1) 1.2.3 删改增 (2)

ORM基础 ORM是Django操作数据库的API,Django的作者将sql语句封装在里面供我们使用。 我们前面还提到过Django提供一个模拟数据库的工具,sqlite,供我们学习测试使用。 如果我们想使用mysql...

隐匿的蚂蚁
今天
3
0
Windows 上安装 Scala

在安装 Scala 之前需要先安装 Java 环境,具体安装的详细方法就不在这里描述了。 您可以自行搜索我们网站中的内容获得其他网站的帮助来获得如何安装 Java 环境的方法。 接下来,我们可以从 ...

honeymose
今天
3
0
数据库篇多表操作

第1章 多表操作 实际开发中,一个项目通常需要很多张表才能完成。例如:一个商城项目就需要分类表(category)、商品表(products)、订单表(orders)等多张表。且这些表的数据之间存在一定的关系...

stars永恒
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部