java切换卡片_CardView之可切换式卡片
今天我所要作的笔记是:
可切换式的卡片CardView。
Java代码部分
1、我们要根据自己的当前版本号添加相对应的一个依赖:
implementation 'com.android.support:cardview-v7:28.0.0'
2、编写Fragment,在自己需要Activity中添加Fragment,在该Fragment编写如下代码。我的Fragment是DiscoveryFragment。
public class DiscoveryFragment extends Fragment {
private ViewPager mViewPager;
private CardPagerAdapter mCardAdapter;
private ShadowTransformer mCardShadowTransformer;
private CardView mCardView;
public DiscoveryFragment() {
// Required empty public constructor
}
View view;
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
// Inflate the layout for this fragment
if(view == null) {
view = inflater.inflate(R.layout.fragment_discovery, container, false);
mCardView = view.findViewById(R.id.cardView);
mCardView.setMaxCardElevation(mCardView.getCardElevation()
* CardAdapter.MAX_ELEVATION_FACTOR);
initCard();
}
return view;
}
private void initCard() {
mViewPager = view.findViewById(R.id.viewPager);
mCardAdapter = new CardPagerAdapter();
mCardAdapter.addCardItem(new CardItem(R.string.title_1, R.string.text_1));
mCardAdapter.addCardItem(new CardItem(R.string.title_2, R.string.text_1));
mCardAdapter.addCardItem(new CardItem(R.string.title_3, R.string.text_1));
mCardAdapter.addCardItem(new CardItem(R.string.title_4, R.string.text_1));
mCardShadowTransformer = new ShadowTransformer(mViewPager, mCardAdapter);
mCardShadowTransformer.enableScaling(true);
mViewPager.setAdapter(mCardAdapter);
mViewPager.setPageTransformer(false, mCardShadowTransformer);
mViewPager.setOffscreenPageLimit(3);
}
public CardView getCardView() {
return mCardView;
}
}
3、CardFragmentPagerAdapter
public class CardFragmentPagerAdapter extends FragmentStatePagerAdapter implements CardAdapter {
private List mFragments;
private float mBaseElevation;
public CardFragmentPagerAdapter(FragmentManager fm, float baseElevation) {
super(fm);
mFragments = new ArrayList<>();
mBaseElevation = baseElevation;
for(int i = 0; i< 5; i++){
addCardFragment(new DiscoveryFragment());
}
}
@Override
public float getBaseElevation() {
return mBaseElevation;
}
@Override
public CardView getCardViewAt(int position) {
return mFragments.get(position).getCardView();
}
@Override
public int getCount() {
return mFragments.size();
}
@Override
public Fragment getItem(int position) {
return mFragments.get(position);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
Object fragment = super.instantiateItem(container, position);
mFragments.set(position, (DiscoveryFragment) fragment);
return fragment;
}
public void addCardFragment(DiscoveryFragment fragment) {
mFragments.add(fragment);
}
}
4、CardPagerAdapter
public class CardPagerAdapter extends PagerAdapter implements CardAdapter {
private List mViews;
private List mData;
private float mBaseElevation;
public CardPagerAdapter() {
mData = new ArrayList<>();
mViews = new ArrayList<>();
}
public void addCardItem(CardItem item) {
mViews.add(null);
mData.add(item);
}
public float getBaseElevation() {
return mBaseElevation;
}
@Override
public CardView getCardViewAt(int position) {
return mViews.get(position);
}
@Override
public int getCount() {
return mData.size();
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
View view = LayoutInflater.from(container.getContext())
.inflate(R.layout.adapter, container, false);
container.addView(view);
bind(mData.get(position), view);
CardView cardView = view.findViewById(R.id.cardView);
if (mBaseElevation == 0) {
mBaseElevation = cardView.getCardElevation();
}
cardView.setMaxCardElevation(mBaseElevation * MAX_ELEVATION_FACTOR);
mViews.set(position, cardView);
return view;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
mViews.set(position, null);
}
private void bind(CardItem item, View view) {
TextView titleTextView = (TextView) view.findViewById(R.id.titleTextView);
TextView contentTextView = (TextView) view.findViewById(R.id.contentTextView);
titleTextView.setText(item.getTitle());
contentTextView.setText(item.getText());
}
}
5、CardItem
public class CardItem {
private int mTextResource;
private int mTitleResource;
public CardItem(int title, int text) {
mTitleResource = title;
mTextResource = text;
}
public int getText() {
return mTextResource;
}
public int getTitle() {
return mTitleResource;
}
}
6、ShadowTransformer
public class ShadowTransformer implements ViewPager.OnPageChangeListener, ViewPager.PageTransformer {
private ViewPager mViewPager;
private CardAdapter mAdapter;
private float mLastOffset;
private boolean mScalingEnabled;
public ShadowTransformer(ViewPager viewPager, CardAdapter adapter) {
mViewPager = viewPager;
viewPager.addOnPageChangeListener(this);
mAdapter = adapter;
}
public void enableScaling(boolean enable) {
if (mScalingEnabled && !enable) {
// shrink main card
CardView currentCard = mAdapter.getCardViewAt(mViewPager.getCurrentItem());
if (currentCard != null) {
currentCard.animate().scaleY(1);
currentCard.animate().scaleX(1);
}
}else if(!mScalingEnabled && enable){
// grow main card
CardView currentCard = mAdapter.getCardViewAt(mViewPager.getCurrentItem());
if (currentCard != null) {
currentCard.animate().scaleY(1.1f);
currentCard.animate().scaleX(1.1f);
}
}
mScalingEnabled = enable;
}
@Override
public void transformPage(View page, float position) {
}
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
int realCurrentPosition;
int nextPosition;
float baseElevation = mAdapter.getBaseElevation();
float realOffset;
boolean goingLeft = mLastOffset > positionOffset;
// If we're going backwards, onPageScrolled receives the last position
// instead of the current one
if (goingLeft) {
realCurrentPosition = position + 1;
nextPosition = position;
realOffset = 1 - positionOffset;
} else {
nextPosition = position + 1;
realCurrentPosition = position;
realOffset = positionOffset;
}
// Avoid crash on overscroll
if (nextPosition > mAdapter.getCount() - 1
|| realCurrentPosition > mAdapter.getCount() - 1) {
return;
}
CardView currentCard = mAdapter.getCardViewAt(realCurrentPosition);
// This might be null if a fragment is being used
// and the views weren't created yet
if (currentCard != null) {
if (mScalingEnabled) {
currentCard.setScaleX((float) (1 + 0.1 * (1 - realOffset)));
currentCard.setScaleY((float) (1 + 0.1 * (1 - realOffset)));
}
currentCard.setCardElevation((baseElevation + baseElevation
* (CardAdapter.MAX_ELEVATION_FACTOR - 1) * (1 - realOffset)));
}
CardView nextCard = mAdapter.getCardViewAt(nextPosition);
// We might be scrolling fast enough so that the next (or previous) card
// was already destroyed or a fragment might not have been created yet
if (nextCard != null) {
if (mScalingEnabled) {
nextCard.setScaleX((float) (1 + 0.1 * (realOffset)));
nextCard.setScaleY((float) (1 + 0.1 * (realOffset)));
}
nextCard.setCardElevation((baseElevation + baseElevation
* (CardAdapter.MAX_ELEVATION_FACTOR - 1) * (realOffset)));
}
mLastOffset = positionOffset;
}
@Override
public void onPageSelected(int position) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
}
7、CardAdapter
public interface CardAdapter {
int MAX_ELEVATION_FACTOR = 8;
float getBaseElevation();
CardView getCardViewAt(int position);
int getCount();
}
XML文件
1、CardPagerAdapter的布局文件adapter
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/cardView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
app:cardUseCompatPadding="true">
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="24dp">
android:id="@+id/titleTextView"
style="@style/TextAppearance.AppCompat.Title"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
android:id="@+id/contentTextView"
style="@style/TextAppearance.AppCompat.Body1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"/>
style="@style/ButtonStyle"
android:layout_width="match_parent"
android:layout_height="@dimen/dp40"
android:layout_marginTop="@dimen/dp100"
android:layout_gravity="bottom"
android:background="@color/green_theme"
android:text="开始悦读" />
2、fragment_discovery
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:orientation="vertical"
android:background="@color/greyf3"
tools:context=".main_code.about_fragment.about_discovery.DiscoveryFragment">
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/cardView"
app:cardUseCompatPadding="true"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center">
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="@dimen/dp400"
android:layout_gravity="center"
android:clipToPadding="false"
android:overScrollMode="never"
android:paddingLeft="@dimen/dp40"
android:paddingRight="@dimen/dp40"
android:paddingStart="@dimen/dp60" />
java切换卡片_CardView之可切换式卡片相关推荐
- java怎么实现tab切换_[Java教程]用javascript实现tab切换
[Java教程]用javascript实现tab切换 0 2016-09-12 14:00:10 html代码: 111111 222222 333333 css代码:.active{ backgro ...
- linux 切换java版本_linux jdk版本随时切换
fordreamxin@compiler207:~$ whichjava/usr/bin/java /usr/bin/目录下存放的多是用户安装的软件 fordreamxin@compiler207:~ ...
- java 新建菜单选项_请完成下列Java程序:创建一个下拉式菜单,菜单项包括3个CheckboxM..._考试资料网...
请完成下列Java程序:创建一个下拉式菜单,菜单项包括3个CheckboxMenultem(复选框),一条分割线和一个Exit项.要求打开或关闭复选框时,确定是哪个被切换,是开还是关,并输出它的状态: ...
- 苹果系统中英文输入法切换_Mac系统,如何优雅切换中英文?
开篇 又是好久没有写博客了,今天就写一个工作中的软件小技巧,可以提高工作中的输入效率,极大提升幸福感! 背景 作为一个使用 Mac 系统的Java开发攻城狮,日常使用的软件非常之多,在频繁的软件切换, ...
- android横竖屏切换函数,Android横竖屏切换小结.PDF
Android横竖屏切换小结 Android横竖屏切换小结 Android手机或平板都会存在横竖屏切换的功能,通常是由物理重力感应触发的,但是 有时候也不尽然,通常在设置里面我们可以对手机的横竖屏切换 ...
- html网页切换效果,css图片切换效果
<title>html网页切换效果,css图片切换效果</title><link rel="stylesheet" href="./fami ...
- html桌面卡牌效果,html+css实现响应式卡片悬停效果
话不多,看效果先: 卡片悬停,响应式卡片,简约效果. 实现: 1. 定义标签,.kapian为最底层盒子,然后两个子盒子一个放图片,一个放文本: The aurora borealis natural ...
- java卡片布局例子_Java编程使用卡片布局管理器示例【基于swing组件】
本文实例讲述了java编程使用卡片布局管理器.分享给大家供大家参考,具体如下: 运行效果: 完整示例代码: package com.han; import java.awt.borderlayout; ...
- Win11如何切换应用商店网络 Win11切换应用商店网络的方法
Win11是一款微软最新推出的操作系统,不过不少小伙伴使用Win11系统的时候无法打开应用商店,这个时候是可以通过切换软件网络来解决这个问题的.下面就和小编一起来看看应该怎么操作吧. Win11如何切 ...
最新文章
- python编程django遇到问题Passing a 3-tuple to include() is not supported.解决方案
- Java面试没过_Java面试中遇到的坑【填坑篇】
- 1小时内注册公司 政务中心104个窗口同厅办公
- 前端学习(1757):前端调试值之网络条件与user-Agent的设置
- 中国到底需要多少博士点?
- 分子动力学aimd_研究人员在沸石分子筛活性调控研究方面取得新进展
- 如何删除添加了.css()函数的样式?
- 读取 [选项] 列内的默认数据的方法:
- 解决ajax跨域请求 (总结)
- Axure RP 9.0.0.3716 Mac中文版
- MySQL 8.0 新特性之哈希连接(Hash Join)
- Excel的官方网站
- 杜比AC-3与DTS的音效对比 浅解
- 解密微信开放高级接口 企业如何应对
- 网红品牌的“敦刻尔克大撤退”
- 中文论文撰写技巧(word)——参考文献的交叉引用
- linux outb函数,outb_p()函数 Unix/Linux
- 2021-01 补丁日: 微软多个高危漏洞通告
- 分布式系统CAP理论深入探索和分析
- Shell中冒号的特殊用法
热门文章
- Symbian 入门
- mysql 国密_Centos7 编译安装 Openssl 1.1.1 支持国密标准-1002682
- 时序约束优先级_VIVADO之时序约束
- c语言第六章数组测试题,计算机二级C语言测试题
- 2020年社会工作师考试难度系数解读
- 解决在word中用mathtype编辑的公式转换成pdf时出现错位现象
- 女人的超短裙被刮开后
- 【Google Play】管理目标受众群体 ( 加入“亲子同乐计划“ | 应用受众覆盖所有年龄段 )
- [原创]智能化运维平台部署(gunicorn+nginx+gevent+supervisor部署flask+vue)
- matlab图论系统总结(懒人必备)以及BGL matlab的安装