android 滑动切换页面的实现

下图这样的效果该怎么实现
图片说明

3个回答

使用ViewPage就能实现 如果想同时实现点击切换可以使用TabPageIndicator+ViewPager

 <!--<com.viewpagerindicator.TabPageIndicator
        android:id="@id/common_indicator"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"/>-->
    <ViewPager
         android:id="@id/common_page"
        android:layout_below="@+id/common_indicator"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>
u012975705
boy_nihao 回复hustjifa: 将viewpager写到DrawerLayout里第一个布局中
大约 4 年之前 回复
u012975705
boy_nihao 回复hustjifa: 将viewpager写到DrawerLayout里第一个布局中
大约 4 年之前 回复
hustjifa
hustjifa 我现在的主页面是一个DrawerLayout,要是用Viewpager,那么是要将Drawerlayout都并到一个fragment里吗
大约 4 年之前 回复
hustjifa
hustjifa 我现在的主页面是一个DrawerLayout,要是用Viewpager,那么是要将Drawerlayout都并到一个fragment里吗
大约 4 年之前 回复
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/accent_material_light"
        app:popupTheme="@style/ThemeOverlay.AppCompat">

    </android.support.v7.widget.Toolbar>

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawerlayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/toolbar">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <com.viewpagerindicator.TabPageIndicator
                android:id="@+id/common_indicator"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white" />

            <com.plusub.lib.view.ScrollViewPager
                android:id="@+id/viewpager"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="250dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="#cccccc"
            android:orientation="vertical">


        </LinearLayout>

    </android.support.v4.widget.DrawerLayout>

</RelativeLayout>

就是动画嘛,view动画或属性动画都行
当然也可以用别人写好的控件,例如viewpager

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Android ViewFlipper实现页面的滑动切换
NULL 博文链接:https://topmanopensource.iteye.com/blog/1596067
利用viewpager实现页面的滑动切换
在android中,viewpager常常被用来实现页面的滑动转换,通过加以扩展可以实现很多的效果,在这里仅仅用viewpager实现最基本的页面滑动切换效果。最为简略的效果如下图所示。   1.首先,需要在xml中添加viewpager控件。至于具体的布局,可根据具体情况调整。   2.在程序中将视图添加到viewlist中   3.将viewlist添加到数据适配器中,而后由vi
自定义View页面的滑动切换
本文为博主原创--未经博主允许不得转载--谢谢合作!
fragment+ViewPager的使用(页面的滑动切换)
本人写的效果是这样的,它可以点击底部的两个按钮来切换,也可以左右滑动来切换,每个页面可以有独立的布局及响应 这个小项目用到了两个fragment对象,一个ViewPager(一个是连接的fragment,一个是展示的fragment,大家要是有需要也可以自己在加) 1、布局文件: Activity.xml <RelativeLayout xmlns:android="http://sc
Android音乐播放器 -- 滑动切换实现
因为之前播放器 Android音乐播放器 是切换列表需要手动去点击Tittle Tab,感觉不方便,所以今天就做了一点修改,可以通过左右滑动 list 来实现切换,效果如下图: 改造的关键在于 FragmentStatePagerAdapter 的使用,详情我们接下来介绍 我们修改的文件都是在MainActivity.java,点击切换版本的源码,请猛戳 这里 下载 1. onCre
android 实现滑动切换activity
看到有个应用在activity中切换可以用滑动来实现,实现效果是该activity随着手指滑动,整个界面跟着滑动,滑出部分显示前面一个activity。不懂怎么实现的。 后来看到一篇博客,http://blog.csdn.net/xiaanming/article/details/20934541,按照他的思路,自己实现了一下,ok。 至于原理,这篇博客说的很清楚,我就不再这边说了。 这里说说关键:
关于仿微信滑动切换View页面的问题
大家好,我有个问题困扰自己很久了,因为自身水平有限,也刚学习android不久,所以真心向大家请教一下rnrn如图所示rn[img=https://img-bbs.csdn.net/upload/201610/27/1477531633_553908.png][/img]rn[img=https://img-bbs.csdn.net/upload/201610/27/1477531642_23930.png][/img]rn这是我自己弄得一个项目,然后项目底部的导航栏是引入的github第三方项目,地址是[url=https://github.com/armcha/Space-Navigation-View][/url],我想实现微信那种滑动可以切换View页面,同时底部栏的图标和文字也会跟随页面变化,但是底部栏的图标和文字跟随页面变化这一功能我一直实现不了。点击图标跳转到相应页面倒是实现了,我查看那个第三方项目源码,但水平有限,看的不是全部都懂,但还是实现不了跟随切换的功能。第三方项目我是作为module导入自己的项目,修改其中的源码来实现跟随切换功能。下面我会给出与跟随切换功能相关代码,望各位大神指教!如果能帮我看一下那个地址的源码再来解决这个问题就更好了,小弟子在下谢谢大家!rnrn下面给出源码(自己的项目)rnMainActivity.javarn[code=java]import android.content.Context;rnimport android.graphics.Color;rnimport android.support.v4.view.ViewPager;rnimport android.support.v7.app.AppCompatActivity;rnimport android.os.Bundle;rnimport android.view.LayoutInflater;rnimport android.view.View;rnimport android.widget.ImageView;rnimport android.widget.LinearLayout;rnimport android.widget.RelativeLayout;rnimport android.widget.TextView;rnimport android.widget.Toast;rnrnimport com.luseen.spacenavigation.SpaceItem;rnimport com.luseen.spacenavigation.SpaceNavigationView;rnimport com.luseen.spacenavigation.SpaceOnClickListener;rnimport com.luseen.spacenavigation.Utils;rnrnimport java.util.ArrayList;rnimport java.util.List;rnrnpublic class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListenerrn private SpaceNavigationView spaceNavigationView;rn private ViewPager viewPager;rn private ContentAdapter adapter;rn private List views;rn private List spaceItemsList = new ArrayList<>();rn private List spaceItemLayout=new ArrayList<>();rn private Context mContext;rn LayoutInflater inflater;rnrn @Overridern protected void onCreate(Bundle savedInstanceState) rn super.onCreate(savedInstanceState);rn setContentView(R.layout.activity_main);rn mContext=getApplicationContext();rn inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);rn initView(savedInstanceState);rn initEvent();rn rnrn @Overridern protected void onSaveInstanceState(Bundle outState)rn super.onSaveInstanceState(outState);rn spaceNavigationView.onSaveInstanceState(outState);rn rnrn private void initView(Bundle savedInstanceState)rn spaceNavigationView=(SpaceNavigationView)findViewById(R.id.space);rn spaceNavigationView.initWithSaveInstanceState(savedInstanceState);rnrn SpaceItem homeSpace=new SpaceItem("首页",R.drawable.home);rn spaceNavigationView.addSpaceItem(homeSpace);rn spaceItemsList.add(homeSpace);rn spaceItemLayout.add(homeSpace.getTextAndIconContainer(inflater));rnrn SpaceItem classSpace=new SpaceItem("分类",R.drawable.classify);rn spaceNavigationView.addSpaceItem(classSpace);rn spaceItemsList.add(classSpace);rn spaceItemLayout.add(classSpace.getTextAndIconContainer(inflater));rnrn SpaceItem discoverySpace=new SpaceItem("发现",R.drawable.discovery);rn spaceNavigationView.addSpaceItem(discoverySpace);rn spaceItemsList.add(discoverySpace);rn spaceItemLayout.add(discoverySpace.getTextAndIconContainer(inflater));rnrn SpaceItem personalSpace=new SpaceItem("我的",R.drawable.me);rn spaceNavigationView.addSpaceItem(personalSpace);rn spaceItemsList.add(personalSpace);rn spaceItemLayout.add(personalSpace.getTextAndIconContainer(inflater));rnrn spaceNavigationView.shouldShowFullBadgeText(true);rn spaceNavigationView.setCentreButtonIconColorFilterEnabled(false);rnrn this.viewPager=(ViewPager)findViewById(R.id.content);rnrn View pageHome=View.inflate(MainActivity.this,R.layout.home_page,null);rn View pageClassify=View.inflate(MainActivity.this,R.layout.classify_page,null);rn View pageDiscovery=View.inflate(MainActivity.this,R.layout.discovery_page,null);rn View pagePersonal=View.inflate(MainActivity.this,R.layout.personal_page,null);rnrnrnrn views=new ArrayList();rn views.add(pageHome);rn views.add(pageClassify);rn views.add(pageDiscovery);rn views.add(pagePersonal);rnrn this.adapter=new ContentAdapter(views);rn viewPager.setAdapter(adapter);rn rnrn private void initEvent()rn spaceNavigationView.setSpaceOnClickListener(new SpaceOnClickListener() rn @Overridern public void onCentreButtonClick() rn Toast.makeText(getApplicationContext(),"你点击了发布",Toast.LENGTH_SHORT).show();rn rnrn @Overridern public void onItemClick(int itemIndex, String itemName) rn viewPager.setCurrentItem(itemIndex);rn rnrn @Overridern public void onItemReselected(int itemIndex, String itemName) rnrn rn );rn viewPager.setOnPageChangeListener(this);rn rnrn @Overridern public void onPageScrollStateChanged(int arg0)rnrn rnrn @Overridern public void onPageScrolled(int arg0,float arg1,int arg2)rnrn rnrn @Overridern public void onPageSelected(int arg0)rn //在View滑动切换时设置spaceItem变色rn Toast.makeText(getApplicationContext(),spaceItemsList.get(arg0).getItemName(),Toast.LENGTH_SHORT).show();rn RelativeLayout content=(RelativeLayout)spaceItemLayout.get(arg0);rn ImageView spaceItemIcon = (ImageView) content.findViewById(R.id.space_icon);rn TextView spaceItemText = (TextView) content.findViewById(R.id.space_text);rn spaceItemText.setTextColor(Color.parseColor("#f44336"));rn Utils.changeImageViewTint(spaceItemIcon, Color.parseColor("#f44336"));rn rn[/code]rnrnSpaceItem.java(第三方项目源码)rn[code=java]import android.view.LayoutInflater;rnimport android.view.View;rnimport android.view.ViewGroup;rnimport android.widget.RelativeLayout;rnrnimport java.io.Serializable;rnrnpublic class SpaceItem implements Serializable rnrn private RelativeLayout textAndIconContainer;rnrn private String itemName;rnrn private int itemIcon;rnrn public SpaceItem(String itemName, int itemIcon) rn this.itemName = itemName;rn this.itemIcon = itemIcon;rn rnrn public String getItemName() rn return itemName;rn rnrn public void setItemName(String itemName) rn this.itemName = itemName;rn rnrn public int getItemIcon() rn return itemIcon;rn rnrn public void setItemIcon(int itemIcon) rn this.itemIcon = itemIcon;rn rnrn public RelativeLayout getTextAndIconContainer(LayoutInflater inflater)rn textAndIconContainer = (RelativeLayout) inflater.inflate(R.layout.space_item_view, null);rn return textAndIconContainer;rn rn[/code]rnrnSpaceNavigationView.java(第三方项目源码片段)rn[img=https://img-bbs.csdn.net/upload/201610/27/1477532627_170888.png][/img]rn[img=https://img-bbs.csdn.net/upload/201610/27/1477532795_866228.png][/img]rn[img=https://img-bbs.csdn.net/upload/201610/27/1477532804_576824.png][/img]rnrn
android 的过场页面的实现
android app一打开开般有一个2~3秒的页面借绍一个软件 一、页面的实现     android:layout_width="match_parent"     android:layout_height="match_parent"     android:background="@drawable/logo"     android:orientation="
android锁屏页面的实现
android的锁屏页面有两种方法实现; 可参考:http://blog.csdn.net/yangxi_pekin/article/details/50456763 http://blog.csdn.net/yangxi_pekin/article/details/50456763 http://blog.csdn.net/u010696525/article/details/5144
ViewPager实现多页面的滑动切换
在本示例中,我参考了几个demo整理出来的viewpager的最基本用法,制作了一个类似新闻导航功能的界面,每个页面的下方有对应的项目符号,当页面进行切换的时候项目符号也随之变化
用TabLayout,ViewPager实现左右滑动切换页面的效果
学习android两周多了,这几天在根据产品的要求改页面,刚好是左右滑动切换界面。于是把这部分单独拿出来搞了个Demo。希望对跟我一样初学android的朋友有所帮助。Demo主要用到的知识点包括:TabLayout, ViewPager,左右滑动切换tab界面,点击选项卡也可切换界面,一个activity包含多个fragment。tab页界面布局一致,但加载数据不同。
Android开发——控件基础(十)ViewPager:实现页面的滑动切换
运行效果图: 实现页面的滑动转换 思维导图: 首先要实现页面的滑动切换,必须使用Fragment(类似于Activity),这里不多说了,能来看这篇文章的应该都懂。 使用ViewPager实现滑动功能。 将给ViewPager一个FragmentAdpter适配器,并把所有的Fragment添加到适配器中。 实现代码: FragmentA package com.exam...
Tab页滑动切换
Android 滑动页码切换Tab页,ListView 和GridView
Android 顶部滑动切换实现(一)
先看效果图,在导航栏下面分类的两个切换按钮,页面滑动也能像微信底部导航一样实现跳转。 下面看主要代码。布局文件。 <RelativeLayout android:id="@+id/contentLayout" android:layout_width="fill_parent" android:layout_heigh
移动端滑动切换tab页
移动端滑动时切换tab页,类似于Android版本的微信和新浪微博发现页面中的滑动切换效果,我分别使用了基于swipe插件和zepto插件的两种方法,均可完美实现;
Android实现界面左右滑动切换
相信大家一定都使用过手机QQ和微信之类的软件,当我们使用时不难发现其界面的切换不仅可以通过点击页标签来实现,还可以通过左右滑动来实现的,耗子君刚开始学Android时就觉得这样的滑动十分酷炫,十分想要自己来实现它。相信大家也和耗子君一样,想要迫不期待的学习怎样实现了吧,OK,下面我来详细的讲一下如何实现这个功能。效果图先来欣赏一下效果图吧: 首先,我们先来认识一下控件 ViewPagerViewP
Android实现左右滑动切换的效果
Android 2.0以后Activity中增加了一个方法overridePendingTransition (int enterAnim, int exitAnim),enterAnim是要进入屏幕的动画,exitAnim是要退出屏幕的动画,需要注意的是这个方法必须放在startActivity()或者finish()后面。  原理:以手机下边为x轴,要实现往左滑动的切换效果,需要让要退出的a
android 滑动切换
最近做的项目,要用到滑动切换的效果,就是类似新闻客户端的图片一张一张的自动切换或者手动滑动切换,于是就搜集了一下资料,使用两种方式实现这样的效果,分别是ViewFlipper和ViewPager。这两种方式都比较容易的实现了手势滑动,但是ViewFlipper更容易实现循环滑动切换。
android ViewPager控件实现手势滑动切换页签
1,主布局文件     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical"     >     页签 -->              android:layout_width="match_parent"
Android 页面的建立
下面用到了部分XUtils的ViewUtils,UI绑定和时间的绑定public class ContentFragment extends BaseFragment { <!--这句是不用find ID--> @ViewInject(R.id.rg_rb) private RadioGroup radioGroup; @ViewInject(R.id.vp_conten
android 页面的自动跳转
这里先给大家分享一下页面之间的自动跳转,思路其实很简单,就是在跳转之前先使用线程让它睡几秒,废话不多说,直接上代码 final Intent it = new Intent(this, DirectActivity.class); //你要转向的Activity Timer timer = new Timer(); TimerTask task = new Ti
界面的滑动切换
NULL 博文链接:https://dzy-123.iteye.com/blog/1837264
Android弹窗页面的三种实现方式
1.AlertDialog设置自定义view 2.自定义Dialog控件 3.PopupWindow       最简单的AlertDialog设置view LayoutInflater inflater = LayoutInflater.from(getApplication()); View view = inflater.inflate(R.layout.dialog...
android实现聊天页面的气泡
介绍一个自定义控件,可以实现聊天的气泡设计。 在build.gradle里面增加  compile 'com.lguipeng.bubbleview:library:1.0.0' 在xml中,可以这样实现 <com.github.library.bubbleview.BubbleTextVew android:id="@+id/left_msg" android:
Android中 手机信息页面的实现
用Android实现下图手机信息页面 如图所示,准备工作将八张图片素材复制到res/drawable文件夹中,整体用到垂直的线性布局,其中有四个相对布局。 1、创建手机信息页面程序,来显示图示信息可以在activity_main.xml中写代码也可以在layout中重新创建phoneInfo.xml文件: <LinearLayout xmlns:android="http:/
Android学习-Intent实现页面的跳转
什么是Intent Intent可以理解为信使(意图) 由Intent来协助完成Android各个组件之间的通讯Intent实现页面之间的跳转 1>startActivity(intent) 2>startActivityForResult(intent,requestCode) onActivityResult(int requestCode,int resultCode,Intent
评论页面的实现
一、效果图展示 二、思路分析 首先,上效果图,这样的评论界面很常见,日常新闻,社交等类的app中都有评论功能,今天就来看看怎么实现? 实现这种效果并不难,首先最外层肯定是Recycleview,然后设置他的Adapter来实现,重点在于Adapter的实现。 三、准备 1.首先,得有一个评论javaBean类,用来封装评论信息,当然这些信息在开发中都是从服务器端获取的,这个类为Com...
微信页面的实现
微信
购物车页面的实现
购物车页面要实现的功能:用RecyclerView实现shoppingCart的显示;选择商品后购物车下方的价格总和会改变;实现编辑页面和完成页面的切换。 ①布局页面实现 xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-au
添加页面的实现
这个项目是一个框架阶段的总结项目。主要用到了Spring、SpringMVC、Hibernate三大框架搭建项目。同时使用了Shiro完成项目中的用户认证和用户权限处理。使用了quartz实现了定时任务。整合了druid的监控中心。使用aop开发了日志系统。前端框架使用vue实现。
弹出页面的实现?
希望实现这样一个弹出页面,用户单击之后弹出一个新的页面,在这个新的页面里面用户可以输入,后面的页面不可用,只有这个新页面关闭之后后面的页面才能用,怎样才能实现?
用户注册页面的实现
实现的功能: 1.用户名不能为空且必须为中文、字母、数字三者的随意组合,长度为1-10位,通过正则表达式检查 2.如用户名在数据库中已存在,则必须更换,通过数据库查询检查 3.密码不能为空且必须为字母与数字的组合(不能单纯为字母或数字),长度为6-12位,通过正则表达式检查 4.确认密码不能为空,且必须与密码一致 5.通过焦点事件显示正确与否 知识点: 1.servlet需在we
实现页面的局部刷新
前端刷新页面的方法 &amp;lt; a href=“javascript:” onclick=&quot;history.go(-2); &quot;&amp;gt;返回前两页 &amp;lt; a href=“javascript:” onclick=“self.location=document.referrer;”&amp;gt;返回上一页并刷新 &amp;lt; a href=“javascript:” onclick=&quot;history.back...
小程序---页签滑动切换
xxx.html &amp;amp;lt;view class=&amp;quot;swiper-tab&amp;quot;&amp;amp;gt; &amp;amp;lt;view class=&amp;quot;swiper-tab-list {{currentTab==0 ? 'on' : ''}}&amp;quot; data-current=&amp;quot;0&amp;quot; bindtap=&amp;quot;swichNav&amp;quot;&amp;amp;gt;Seside
关于touchslider.js滑动切换页面的使用简介--注解版
test.html:   &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=devi
android之左右滑动切换activity
最近项目需要,在搞android.开发环境:android studio 越用越发现这软件不错,虽然我还不太会使用这软件 软件的使用教程网上一堆,记录一下左右滑动切换界面, 需要切换的几个界面如下: 思路是这样的:四个xml布局文件,四个activity,一个布局文件对应一个activity, 当然点击按钮也是可以切换的,四个按钮都是差不多的,红色部分一替换就好,这个代码可以
swift-LXScrollContentView一个类似网易新闻客户端左右滑动切换页面的框架
LXScrollContentView 一个类似网易新闻客户端左右滑动切换页面的框架
Android 页面滑动切换
1.布局 &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt; &amp;lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot; xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot; xmlns:too...
Android左右滑动切换图片
ImageUtils.java:   import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.net.HttpURLC...
android 滑动切换页面
android 滑动切换页面,分享给需要学习的同学一起学习
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件