Android实现横向滑动卡片效果
时间:2022-07-28
本文章向大家介绍Android实现横向滑动卡片效果,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
最近项目上需要实现这样效果的一个页面,本来想找个现成的两下搞定,但是问了半天度娘也没招,索性自己琢磨琢磨(这里边也少不了同事的帮助),先把最终的效果图贴上:
理论上讲,其本质并不复杂,就是一个viewpager,但是第一次实现这样的效果还是要花些时间的,具体的代码如下:
主布局文件:activity_show_industry_list.xml,主要就是一个activity上放个viewpager,但是相对布局是关键
<?xml version="1.0" encoding="utf-8"?
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:background="@color/colorGrayBg"
<huazheng.haiereng.views.TitleView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:titleText="搜索框预留位置"
app:showBackButton="true"
android:id="@+id/titleView" /
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipChildren="false"
android:layerType="software"
android:id="@+id/awq_rl_vpc"
<android.support.v4.view.ViewPager
android:id="@+id/vp_show_industry_list"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:clipChildren="false"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp"
android:layout_marginBottom="90dp" /
</RelativeLayout
</LinearLayout
fragment布局文件:fragment_show_industry_list.xml 该布局对应的类比较简单,就不往上贴了
<LinearLayout 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" tools:context="huazheng.haiereng.BlankFragment"
android:orientation="vertical"
android:background="@color/colorWhite"
<!-- TODO: Update blank fragment layout --
<FrameLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="300dp"
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/iv_show_industry_list_pic"
android:background="@mipmap/show_industry_detail"
android:layout_gravity="center_horizontal" /
<FrameLayout
android:layout_width="match_parent"
android:layout_height="35dp"
android:layout_gravity="bottom"
android:alpha="0.5"
android:background="#333" /
<FrameLayout
android:layout_width="wrap_content"
android:layout_height="35dp"
android:layout_gravity="center_horizontal|bottom"
android:id="@+id/frameLayout"
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="经济型酒店分体空调解决方案"
android:textColor="@color/colorTextWhite"
android:layout_gravity="center"
android:id="@+id/tv_show_industry_list_title" /
</LinearLayout
</FrameLayout
</FrameLayout
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="广泛应用于住宅地产、宿舍、教学楼、通讯基站等,为其打造舒适空气解决方案"
android:id="@+id/tv_show_industry_list_detail"
android:layout_margin="20dp"
android:textSize="@dimen/font_size_30"
android:textColor="@color/colorTextGray" /
<Button
android:layout_width="120dp"
android:layout_height="35dp"
android:text="查看详情"
android:id="@+id/bt_show_industry_list_cat"
android:textColor="@color/colorTextWhite"
android:layout_gravity="center_horizontal"
android:background="@drawable/drawable_circle_corner" /
</LinearLayout
主布局类ShowIndustryListActivity.java
public class ShowIndustryListActivity extends BaseActivity {
private FragmentPagerAdapter pagerada;
private ShowIndustryListFragment showIndustryListFragment;
ShowIndustryListFragment fragment1,fragment2,fragment3,fragment4;
ArrayList<Fragment fragments;
@Bind(R.id.vp_show_industry_list)
ViewPager viewPager;
FragmentManager fragmentManager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_show_industry_list);
ButterKnife.bind(this);
fragmentManager = getSupportFragmentManager();
fragments= new ArrayList<Fragment ();
fragment1 = new ShowIndustryListFragment();
fragment2 = new ShowIndustryListFragment();
fragment3 = new ShowIndustryListFragment();
fragment4 = new ShowIndustryListFragment();
fragments.add(fragment1);
fragments.add(fragment2);
fragments.add(fragment3);
fragments.add(fragment4);
viewPager.setOffscreenPageLimit(fragments.size());//卡片数量
viewPager.setPageMargin(10);//两个卡片之间的距离,单位dp
if (viewPager!=null){
viewPager.removeAllViews();
}
MyFragmentPagerAdapter myFragmentPagerAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), fragments);
viewPager.setAdapter(myFragmentPagerAdapter);
}
class MyFragmentPagerAdapter extends FragmentPagerAdapter {
private ArrayList<Fragment listFragments;
public MyFragmentPagerAdapter(FragmentManager fm, ArrayList<Fragment al) {
super(fm);
listFragments = al;
}
public MyFragmentPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
return listFragments.get(position);
}
@Override
public int getCount() {
return listFragments.size();
}
@Override
public int getItemPosition(Object object) {
return super.getItemPosition(object);
}
}
}
至此,效果就可以实现了,上手试试吧。
更多关于滑动功能的文章,请点击专题: 《Android滑动功能》
以上就是本文的全部内容,希望对大家的学习有所帮助。
- 一次通过漏洞挖掘成功渗透某网站的过程
- 使用fuzzDB进行web安全测试
- Android Material Design系列之FloatingActionButton和Snackbar
- Fluent Nhibernate之旅(五)--利用AutoMapping进行简单开发
- Android Material Design系列之Toolbar
- Struts2 S2-020在Tomcat 8下的命令执行分析
- Struts2再曝S2-020补丁绕过漏洞 – 万恶的正则表达式
- 学习BlogEngine.Net解读笔记系列(一)
- Android面试系列之应用内多语言切换
- Android面试系列之AsyncTask
- Kali-Linux扩充弹药:Kali Linux metapackages
- 使用HackRF解调TDD-LTE信号
- 一个优秀的Android应用从建项目开始
- Ruby OpenSSL 私钥伪造脚本
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- 二叉树的层次遍历 II
- Android开发笔记(一百七十三)给安装包APK文件瘦身
- 从 1 到 0 构建博客项目(1) -- 操作系统篇(1)
- Spring JPA 定义查询方法
- 代理工厂的简单应用
- iOS逆向之文件系统
- Kettle构建Hadoop ETL实践(四):建立ETL示例模型
- Java并发总篇
- 逻辑漏洞之密码找回漏洞(semcms)
- 逻辑漏洞之越权、支付漏洞
- 多线程基础(二): Thread源码分析
- JeecgBoot环境搭建及前后端项目启动
- Windows下MySQL 8.x和8.x以前版本的安装步骤
- Confluence 6 移动应用 app 管理员需要考虑什么
- leetcode链表之反转链表