android viewpager activity切换动画,Android ViewPager+Fragment仿微信主界面（带底部图标切换动画）...

最新推荐文章于 2024-05-09 21:16:37 发布
最新推荐文章于 2024-05-09 21:16:37 发布
阅读量190 收藏
点赞数
文章标签： android viewpager activity切换动画

1、布局

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".activity.SwitchViewpageImitationWeChatActivity">

android:id="@+id/ll_bottom"

android:layout_width="match_parent"

android:layout_height="55dp"

android:layout_alignParentBottom="true"

android:background="@color/white">

android:id="@+id/ll_message"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:gravity="center"

android:orientation="vertical">

android:id="@+id/rl_message"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/tv_message_normal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@mipmap/message_normal"

android:button="@null"

android:gravity="center"

android:textColor="@color/gray"

android:textSize="12sp" />

android:id="@+id/tv_message_press"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@mipmap/message_press"

android:button="@null"

android:gravity="center"

android:textColor="@color/Green"

android:textSize="12sp" />

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/tv_message_text_normal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/message"

android:textColor="@color/gray"

android:textSize="12sp" />

android:id="@+id/tv_message_text_press"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/message"

android:textColor="@color/Green"

android:textSize="12sp" />

android:id="@+id/ll_contacts"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:gravity="center"

android:orientation="vertical">

android:id="@+id/rl_contacts"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/tv_contacts_normal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@mipmap/contacts_normal"

android:button="@null"

android:gravity="center"

android:textColor="@color/gray"

android:textSize="12sp" />

android:id="@+id/tv_contacts_press"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@mipmap/contacts_press"

android:button="@null"

android:gravity="center"

android:textColor="@color/Green"

android:textSize="12sp" />

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/tv_contacts_text_normal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/contacts"

android:textColor="@color/gray"

android:textSize="12sp" />

android:id="@+id/tv_contacts_text_press"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/contacts"

android:textColor="@color/Green"

android:textSize="12sp" />

android:id="@+id/ll_discovery"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:gravity="center"

android:orientation="vertical">

android:id="@+id/rl_discovery"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/tv_discovery_normal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@mipmap/discovery_normal"

android:button="@null"

android:gravity="center"

android:textColor="@color/gray"

android:textSize="12sp" />

android:id="@+id/tv_discovery_press"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@mipmap/discovery_press"

android:button="@null"

android:gravity="center"

android:textColor="@color/Green"

android:textSize="12sp" />

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/tv_discovery_text_normal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/discovery"

android:textColor="@color/gray"

android:textSize="12sp" />

android:id="@+id/tv_discovery_text_press"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/discovery"

android:textColor="@color/Green"

android:textSize="12sp" />

android:id="@+id/ll_me"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:layout_weight="1"

android:gravity="center"

android:orientation="vertical">

android:id="@+id/rl_me"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/tv_me_normal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@mipmap/me_normal"

android:button="@null"

android:gravity="center"

android:textColor="@color/gray"

android:textSize="12sp" />

android:id="@+id/tv_me_press"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@mipmap/me_press"

android:button="@null"

android:gravity="center"

android:textColor="@color/Green"

android:textSize="12sp" />

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/tv_me_text_normal"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/me"

android:textColor="@color/gray"

android:textSize="12sp" />

android:id="@+id/tv_me_text_press"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/me"

android:textColor="@color/Green"

android:textSize="12sp" />

android:id="@+id/view_pager"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_above="@id/ll_bottom" />

2、activity

public class SwitchViewpageImitationWeChatActivity extends FragmentActivity implements View.OnClickListener {

private TextView tvMessageNormal, tvMessagePress, tvContactsNormal, tvContactsPress;

private TextView tvDiscoveryNormal, tvDiscoveryPress, tvMeNormal, tvMePress;

private TextView tvMessageTextNormal, tvMessageTextPress, tvContactsTextNormal, tvContactsTextPress;

private TextView tvDiscoveryTextNormal, tvDiscoveryTextPress, tvMeTextNormal, tvMeTextPress;

private ViewPager viewPager;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_switch_viewpage_imitation_we_chat);

initView();

}

protected void initView() {

tvMessageNormal = (TextView) findViewById(R.id.tv_message_normal);

tvMessagePress = (TextView) findViewById(R.id.tv_message_press);

tvContactsNormal = (TextView) findViewById(R.id.tv_contacts_normal);

tvContactsPress = (TextView) findViewById(R.id.tv_contacts_press);

tvDiscoveryNormal = (TextView) findViewById(R.id.tv_discovery_normal);

tvDiscoveryPress = (TextView) findViewById(R.id.tv_discovery_press);

tvMeNormal = (TextView) findViewById(R.id.tv_me_normal);

tvMePress = (TextView) findViewById(R.id.tv_me_press);

tvMessageTextNormal = (TextView) findViewById(R.id.tv_message_text_normal);

tvMessageTextPress = (TextView) findViewById(R.id.tv_message_text_press);

tvContactsTextNormal = (TextView) findViewById(R.id.tv_contacts_text_normal);

tvContactsTextPress = (TextView) findViewById(R.id.tv_contacts_text_press);

tvDiscoveryTextNormal = (TextView) findViewById(R.id.tv_discovery_text_normal);

tvDiscoveryTextPress = (TextView) findViewById(R.id.tv_discovery_text_press);

tvMeTextNormal = (TextView) findViewById(R.id.tv_me_text_normal);

tvMeTextPress = (TextView) findViewById(R.id.tv_me_text_press);

findViewById(R.id.ll_message).setOnClickListener(this);

findViewById(R.id.ll_contacts).setOnClickListener(this);

findViewById(R.id.ll_discovery).setOnClickListener(this);

findViewById(R.id.ll_me).setOnClickListener(this);

setTransparency();

tvMessagePress.getBackground().setAlpha(255);

tvMessageTextPress.setTextColor(Color.argb(255, 69, 192, 26));

/**ViewPager**/

viewPager = (ViewPager) findViewById(R.id.view_pager);

MessageFragment weChatFragment = new MessageFragment();

ContactsFragment contactsFragment = new ContactsFragment();

DiscoveryFragment discoveryFragment = new DiscoveryFragment();

MeFragment meFragment = new MeFragment();

ArrayList fragmentList = new ArrayList();

fragmentList.add(weChatFragment);

fragmentList.add(contactsFragment);

fragmentList.add(discoveryFragment);

fragmentList.add(meFragment);

viewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(), fragmentList));

viewPager.setCurrentItem(0);

viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

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

//根据ViewPager滑动位置更改透明度

int diaphaneity_one = (int) (255 * positionOffset);

int diaphaneity_two = (int) (255 * (1 - positionOffset));

switch (position) {

case 0:

tvMessageNormal.getBackground().setAlpha(diaphaneity_one);

tvMessagePress.getBackground().setAlpha(diaphaneity_two);

tvContactsNormal.getBackground().setAlpha(diaphaneity_two);

tvContactsPress.getBackground().setAlpha(diaphaneity_one);

tvMessageTextNormal.setTextColor(Color.argb(diaphaneity_one, 153, 153, 153));

tvMessageTextPress.setTextColor(Color.argb(diaphaneity_two, 69, 192, 26));

tvContactsTextNormal.setTextColor(Color.argb(diaphaneity_two, 153, 153, 153));

tvContactsTextPress.setTextColor(Color.argb(diaphaneity_one, 69, 192, 26));

break;

case 1:

tvContactsNormal.getBackground().setAlpha(diaphaneity_one);

tvContactsPress.getBackground().setAlpha(diaphaneity_two);

tvDiscoveryNormal.getBackground().setAlpha(diaphaneity_two);

tvDiscoveryPress.getBackground().setAlpha(diaphaneity_one);

tvContactsTextNormal.setTextColor(Color.argb(diaphaneity_one, 153, 153, 153));

tvContactsTextPress.setTextColor(Color.argb(diaphaneity_two, 69, 192, 26));

tvDiscoveryTextNormal.setTextColor(Color.argb(diaphaneity_two, 153, 153, 153));

tvDiscoveryTextPress.setTextColor(Color.argb(diaphaneity_one, 69, 192, 26));

break;

case 2:

tvDiscoveryNormal.getBackground().setAlpha(diaphaneity_one);

tvDiscoveryPress.getBackground().setAlpha(diaphaneity_two);

tvMeNormal.getBackground().setAlpha(diaphaneity_two);

tvMePress.getBackground().setAlpha(diaphaneity_one);

tvDiscoveryTextNormal.setTextColor(Color.argb(diaphaneity_one, 153, 153, 153));

tvDiscoveryTextPress.setTextColor(Color.argb(diaphaneity_two, 69, 192, 26));

tvMeTextNormal.setTextColor(Color.argb(diaphaneity_two, 153, 153, 153));

tvMeTextPress.setTextColor(Color.argb(diaphaneity_one, 69, 192, 26));

break;

}

}

@Override

public void onPageSelected(int position) {

}

@Override

public void onPageScrollStateChanged(int i) {

}

});

}

/**

* 设置透明度

* 把press图片、文字全部隐藏

*/

private void setTransparency() {

tvMessageNormal.getBackground().setAlpha(255);

tvContactsNormal.getBackground().setAlpha(255);

tvDiscoveryNormal.getBackground().setAlpha(255);

tvMeNormal.getBackground().setAlpha(255);

tvMessagePress.getBackground().setAlpha(1);

tvContactsPress.getBackground().setAlpha(1);

tvDiscoveryPress.getBackground().setAlpha(1);

tvMePress.getBackground().setAlpha(1);

tvMessageTextNormal.setTextColor(Color.argb(255, 153, 153, 153));

tvContactsTextNormal.setTextColor(Color.argb(255, 153, 153, 153));

tvDiscoveryTextNormal.setTextColor(Color.argb(255, 153, 153, 153));

tvMeTextNormal.setTextColor(Color.argb(255, 153, 153, 153));

tvMessageTextPress.setTextColor(Color.argb(0, 69, 192, 26));

tvContactsTextPress.setTextColor(Color.argb(0, 69, 192, 26));

tvDiscoveryTextPress.setTextColor(Color.argb(0, 69, 192, 26));

tvMeTextPress.setTextColor(Color.argb(0, 69, 192, 26));

}

@Override

public void onClick(View v) {

setTransparency();

tvDiscoveryNormal.getBackground().setAlpha(255);

switch (v.getId()) {

case R.id.ll_message:

viewPager.setCurrentItem(0, false);

tvMessagePress.getBackground().setAlpha(255);

tvMessageTextPress.setTextColor(Color.argb(255, 69, 192, 26));

break;

case R.id.ll_contacts:

viewPager.setCurrentItem(1, false);

tvContactsPress.getBackground().setAlpha(255);

tvContactsTextPress.setTextColor(Color.argb(255, 69, 192, 26));

break;

case R.id.ll_discovery:

viewPager.setCurrentItem(2, false);

tvDiscoveryNormal.getBackground().setAlpha(0);

tvDiscoveryPress.getBackground().setAlpha(255);

tvDiscoveryTextPress.setTextColor(Color.argb(255, 69, 192, 26));

break;

case R.id.ll_me:

viewPager.setCurrentItem(3, false);

tvMePress.getBackground().setAlpha(255);

tvMeTextPress.setTextColor(Color.argb(255, 69, 192, 26));

break;

}

}

private class MyFragmentPagerAdapter extends FragmentPagerAdapter {

private ArrayList list;

public MyFragmentPagerAdapter(FragmentManager fm, ArrayList list) {

super(fm);

this.list = list;

}

@Override

public Fragment getItem(int position) {

return list.get(position);

}

@Override

public int getCount() {

return list.size();

}

}

3、4个fragment随便创建新，图标和文字等

colors.xml：

#FFF

#000

#45C01A

#999

string.xml：

微信

通讯录

发现

我

风吹幡动wsd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Fragment+ViewPager+TextView
qq_35837150的博客
09-25 316
主界面===================================================== public class MainActivity extends ActionBarActivity {     private ViewPager mVp;     private TextView tv1, tv2, tv3;     private View v1,
android之TabLayout实现PagerSlidingTabStrip,ViewpagerIndicator之类的效果滑动页面导航效果（类似网易新闻）
gsw333的博客
03-31 3674
上面实现导航栏，下面viewpager跟着滑动，类似网易新闻首页那种效果
底部导航栏：利用viewpager实现Android底部标题栏
yancychas的博客
08-16 2368
方法一. ViewPager + List + PagerAdapter 先看activity_main.xml [html] view plain copy LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       xmlns:tools="htt
Android面试题避坑：ViewPager中的Framgent如何实现懒加载？_behavior_resume_only_current_fragment(1)
最新发布
2401_84563465的博客
05-09 350
值得一提的是，FragmentStateManager 是 1.3.0-alpha08 之后新增的类，将原来和 State 相关的逻辑从FragmentManager 抽离了出来, 降低了与 Fragment 的耦合, 职责更加单一。这里附上上述的面试题相关的几十套字节跳动，京东，小米，腾讯、头条、阿里、美团等公司19年的面试题。网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。so，出去面试时先看看自己复习到了哪个阶段就好。
Android之Viewpager结合Fragment使用（一）
qq_39438055的博客
02-05 631
效果图： 加上了位置position后： 一、activity_tab_view_pager.xml：ViewPager用于滑动View <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android...
Android 中 完成ViewPager切换页面，使相对应的Button或TextView变色
cichanshuang8394的博客
04-28 382
ViewPager背景颜色的改变 当点击一个viewpage页面，相对应的按钮或者文字变色，当转到其他页面时会恢复之前的颜色 代码如下： 为 viewpager 添加一个监听 viewPager.setOnPageChangeListener(new OnPageChange...
Android ViewPager+Fragment超高仿微信主界面
12-22
在Android应用开发中，创建一个类似微信主界面的布局是一个常见的需求，这涉及到对ViewPager、RadioGroup以及Fragment的深入理解和灵活运用。`ViewPager`是Android官方提供的一个强大的滑动页面容器，而`Fragment`则...
Android Studio使用ViewPager+Fragment实现仿微信滑动切换界面
12-27
总的来说，使用`ViewPager`和`Fragment`在Android Studio中实现滑动切换界面是一个标准流程，能够帮助开发者创建功能丰富的多页面应用。通过理解并熟练掌握这些组件，你可以为用户提供更加流畅和直观的交互体验。在...
ViewPager+RadioGroup仿微信主界面
08-28
综上所述，通过结合使用ViewPager和RadioGroup，我们可以创建出类似微信主界面的效果，实现页面间的滑动切换和底部导航栏的互动。这个实现方式既简单又实用，能够满足大多数应用的Tab切换需求。在实际开发中，还可以...
ViewPager 与 Fragment相结合实现微信界面实例代码
01-20
【Android 开发】使用ViewPager与Fragment构建微信样式界面详解 在Android应用开发中，实现复杂的用户界面是一项常见的任务。微信作为一款全球用户广泛使用的社交应用，其界面设计和交互模式被许多开发者作为参考。...
Android UI设计与开发之ViewPager仿微信引导界面以及动画效果
08-29
在本文中，我们将探讨如何利用ViewPager来创建一个仿微信的引导界面，同时实现相应的动画效果。 首先，我们要理解引导界面（Onboarding）的作用。这种界面通常在用户首次启动应用时出现，通过展示一些关键功能或...
Activity和ViewPager的结合使用
02-17
Activity和ViewPager的结合使用
Android ViewPager+Fragment超高仿微信主界面（带底部图标切换动画）
05-17
Android ViewPager+Fragment超高仿微信主界面（带底部图标切换动画）Android ViewPager+Fragment超高仿微信主界面（带底部图标切换动画）Android ViewPager+Fragment超高仿微信主界面（带底部图标切换动画）
Android UI编程(9)——ViewPager、Activity
努力创作有价值的文章
02-03 1090
利用ViewPager可以实现滑屏效果，如今智能手机随处可见滑屏效果。最常见的就是手机launcher上的滑屏，以及各大型软件个菜单之间的滑屏，如微信。 参考博客：http://blog.csdn.net/harvic880925/article/details/38521865，里面有对ViewPager详细讲解 先看效果图： 代码： AndroidManifest.xm
ViewPager的切换动画
weixin_42643321的博客
03-23 736
ViewPager切换动画
Android 中的 ViewPager+ Fragment
来啊 快活啊
07-05 2447
android的Viewpager 的各种经常的用法，朋友问我要过，所以就稍微总结一下，ViewPager + Fragment 经常用到 代码是从 actionbarsherlock 中提取出来的，这个效果都知道是 滑动来切换的。直接上代码了在这里简单说明一下 FragmentStatePagerAdapter 和 FragmentPagerAdapter2个adapter 第一种 frag
ViewPager结合Fragment的使用
热门推荐
indeedes的博客
09-10 1万+
一、Fragment简介 Android在3.0版本引入了Fragment（碎片）功能，它类似于Activity，也可以 包含布局，而且Fragment通常是嵌套在Activity中使用的。 场景：有两个Fragment，其中Fragment1包含了一个ListView，每行显示一本 书的标题，而Fragment2包含了TextView和ImageView，显示书的详细内容和图片。 想想，如果一个很大的界面，就设计成一个布局，写起界面来是不是会有很多麻 烦？如果组件多的话，是不是管理起...
android中ViewPager 与 Fragment
PPYY3344的博客
06-17 1855
在实际的开发过程中，ViewPager 与 Fragment 组合使用是比较常见的，而对于 fragment，它所使用的适配器是FragmentPagerAdapter。FragmentPagerAdapter 继承自PagerAdapter类，用于呈现Fragment页面。这些Fragment页面会一直保存在FragmentManager中，以便用户随时取用。 这个适配器最好用于有限个静态 fagment页面的管理。尽管不可见的视图有时会被销毁,但用户所有访问过的 fragmemt 都会被保存在内存中。
android 子页面如何调用父页面函数,ViewPager结合Activity的使用及父Activity中调用子Activity的方法...
weixin_30376627的博客
05-25 444
主要代码如下：ViewPager实现主要为适配器 MyPagerAdapter及页面切换监听MyOnPageChangeListener注意实现其中的Override方法,调用子Activity的方式在MyOnPageChangeListener的 onPageSelected中实现引用OneActivity中的oneActivityDo();及TwoActivity中的oneActivityDo...
android activity 获取viewpager,Android ViewPager+Fragment 在Activity中获取Fragment的控件
05-16
要在Activity中获取ViewPager中的Fragment的控件，可以通过ViewPager的getChildFragmentManager()方法获取FragmentManager，然后通过FragmentManager的findFragmentByTag方法获取指定的Fragment，最后通过Fragment的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值