android使用ViewPage实现Grally画廊的卡片式效果

最新推荐文章于 2021-05-27 02:56:04 发布
最新推荐文章于 2021-05-27 02:56:04 发布
阅读量5.7k 收藏 13
点赞数 7
分类专栏： android小功能 文章标签： viewpage grally 画廊效果 卡片式效果 viewpage实现画廊效果
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llengnuo/article/details/78363948
版权
本文介绍如何利用ViewPage和CardView在Android中创建一个简洁的卡片式画廊效果。通过简单的代码实现，相比其他复杂方案，此方法更易理解和实现。附带了实际效果展示和GitHub代码资源。
摘要由CSDN通过智能技术生成

通过使用ViewPage实现Grally画廊的卡片式效果，简单易懂易实现。

之前一直在github与网上搜索资料，查看了很多比如RecyclerView实现画廊的效果，ViewPage实现画廊的效果，但是都没有我想要的既简单又达到我想要的效果。所以我总结了一下查看的这么多资料，自己弄了一个简单的自己想要的效果出来。

编写使用到viewpage，cardview两个控件就可以简单的实现了卡片式画廊的效果。先看看下面效果图


                  




再来看看主活动页面的代码，主页就这么点代码就可以简单的实现了效果。比我在网上查看的资料的代码啊少了很多，而且简单易懂



public class MainActivity extends AppCompatActivity {

    private ViewPager
最低0.47元/天 解锁文章
llengnuo
关注
  • 7
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
android使用ViewPage实现卡片式画廊效果
10-27
android通过使用ViewPage实现卡片式画廊效果，代码简单易懂，下载下来之后如果想要自己的效果，也可以直接改改代码就可以。
Android照片墙加强版，使用ViewPager实现画廊效果
热门推荐
郭霖的专栏
11-14 6万+
记得关于照片墙的文章我已经写过好几篇了，有最基本的照片墙，有瀑布流模式的照片墙，后来又在瀑布流的基础之上加入了查看大图和多点触控缩放的功能。总体来说，照片墙这个Demo在这几篇文章的改进中已经变得较为完善了，本想关于这个功能的系列到此为止，但有朋友跟我反应，觉得在查看大图的时候最好能通过左右滑动来浏览前后的图片。恩，确实，好像比较高端的一些应用都有这样的效果，那么本篇文章中我们来继续对照片墙这个Demo进行改进，让它变得更加高端大气上档次！ 整理了一下思路，感觉自己去实现一套通过左右滑动来切换图片的功能非常
Android ViewPager实现画廊效果
08-04
利用ViewPager实现画廊效果
android viewpager画廊,Android使用viewpager实现画廊式效果
weixin_34254044的博客
05-27 613
本文实例为大家分享了Android使用viewpager实现画廊式效果的具体代码，供大家参考，具体内容如下先看一下效果1.创建一个自定义类 ZoomOutPageTransformerpublic class ZoomOutPageTransformer implements ViewPager.PageTransformer {//自由控制缩放比例private static final flo...
Android代码-一个漂亮的 Android 画廊展示效果。
08-06
Android - Carousel browsing example It's just an example of carousel browsing, a bit inspired by Frank Lau's animation. License Apache License Version 2.0
Android使用viewpager实现画廊式效果
09-07
在Android开发中，实现画廊式效果通常是为了创建一个类似相册的应用，用户可以通过左右滑动来浏览多个图片或内容。`ViewPager`组件是Android SDK中的一个强大工具，它可以用来展示多个页面，并允许用户平滑地在这些...
Android ViewPager画廊效果详解及实例
01-04
上面的效果类似Android里面ViewPage的效果，但是跟ViewPager有所不同，ViewPager每次只能显示一张图片。 其实我们是利用到了View的clipChildren属性，我们在这里要把ViewPager以及它的父窗体都设置为false，如下: ...
Android 中使用ViewPager实现画廊效果
小ぃぃ强
11-14 1942
Android 中使用ViewPager实现画廊效果
android使用ViewPager实现画廊效果
hjqjl的博客
10-19 1346
利用ViewPager代替Gallery，实现手动和自动循环。
Android代码-RecyclerView 卡片画廊效果
08-06
RecyclerViewCardGallery RecyclerView实现Card Gallery效果，替代ViewPager方案。能够快速滑动并最终定位到居中位置 录制效果有点渣，见谅~ 可下载apk自己玩 Usage 调用new PageScaleHelper().attachToRecyclerView(mRecyclerView);扩展RecyclerView final LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false); mRecyclerView.setLayoutManager(linearLayoutManager); mRecyclerView.setAdapter(new CardAdapter()); // mRecyclerView绑定scale效果 new CardScaleHelper().attachToRecyclerView(mRecyclerView); 在adapter相应的
Android卡片效果
11-21
模仿苏宁“易付宝钱包”首页的卡片特效，流畅，高效。
Android画廊效果
11-13
Android画廊效果-Gallery和ViewPager不同实现
Android照片墙加强版，使用ViewPager实现画廊效果Demo
11-13
此为示例代码，详细详解请参考： http://blog.csdn.net/guolin_blog/article/details/12646775 如对资源内容有疑问，请到博客主留言。
Android 简单的实现画廊效果
xkyy66的博客
06-23 9456
用一种较为简单的方式实现画廊效果（RecyclerView） 首先先上效果图： 思路： 对于这一个效果，主要要的部分和普通的RecyclerView没有太大的差别主要是获取当前需要放大的那一个Item。然后要对所有当前页面上可见的Item进行高度的改变（这里为了偷懒只改变了高度，如果要同时改变宽度的话其实方法不会差太多，就是在计算的缩放比例的时候改一改就好了）。 之前在做的...
Android 卡片效果
05-07 1145
个人看见的卡片效果，大多是通过色差和边框来实现的，边框可以自己通过代码写（一般都是阴影），也可以有美工提供。 下面推荐大家两个链接。 http://blog.csdn.net/qinyuanpei/article/details/17729607  https://www.zybuluo.com/flyouting/note/19366 大家有好的，也可以和我一起分享。
CarouselLayoutManager的使用
www121104115的博客
08-28 2571
该项目的地址 github地址 效果图：（本人不会截动图，截动图的软件谁有通知下） **adapter代码：**这里本人使用的是： //全局通用adapter implementation ‘com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.34’ package com.ytlz.testlistpage; import android...
androidstudio使用Viewpage和tablayout实现滑动效果
最新发布
06-09
好的，下面是使用ViewPager和TabLayout实现滑动效果的步骤： 1.在布局文件中添加ViewPager和TabLayout组件 ```xml <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/colorPrimary" app:tabMode="scrollable" app:tabTextColor="@android:color/white" app:tabSelectedTextColor="@android:color/white" app:tabIndicatorColor="@android:color/white" app:tabIndicatorHeight="3dp" /> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2.在Java代码中初始化ViewPager和TabLayout组件 ```java ViewPager viewPager = findViewById(R.id.viewPager); TabLayout tabLayout = findViewById(R.id.tabLayout); MyFragmentPagerAdapter adapter = new MyFragmentPagerAdapter(getSupportFragmentManager()); viewPager.setAdapter(adapter); tabLayout.setupWithViewPager(viewPager); ``` 3.实现FragmentPagerAdapter类，用于管理ViewPager中的Fragment ```java public class MyFragmentPagerAdapter extends FragmentPagerAdapter { private String[] titles = {"Tab 1", "Tab 2", "Tab 3"}; public MyFragmentPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { switch (position) { case 0: return new Fragment1(); case 1: return new Fragment2(); case 2: return new Fragment3(); default: return null; } } @Override public int getCount() { return titles.length; } @Nullable @Override public CharSequence getPageTitle(int position) { return titles[position]; } } ``` 4.实现三个Fragment类，用于显示在ViewPager中的内容 ```java public class Fragment1 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment1_layout, container, false); return view; } } public class Fragment2 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment2_layout, container, false); return view; } } public class Fragment3 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment3_layout, container, false); return view; } } ``` 5.创建三个布局文件fragment1_layout.xml、fragment2_layout.xml、fragment3_layout.xml，用于显示在ViewPager中的内容 ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:text="Fragment 1" android:textSize="30sp" android:gravity="center" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> ``` ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:text="Fragment 2" android:textSize="30sp" android:gravity="center" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> ``` ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:text="Fragment 3" android:textSize="30sp" android:gravity="center" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> ``` 以上就是使用ViewPager和TabLayout实现滑动效果的步骤，希望对你有帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值