Android ViewPager 属性clipToPadding的巧妙用法
来源:互联网 发布:简明python mobi 编辑:程序博客网 时间:2024/06/16 20:42
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" > <android.support.v4.view.ViewPager android:background="#0000ff" android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="300dp" android:clipToPadding="false" android:paddingBottom="24dp" android:paddingLeft="40dp" android:paddingRight="40dp" android:paddingTop="24dp" /></RelativeLayout>
上面的布局文件,是activity的布局文件,只有一个ViewPager,大家仔细的话会发现,我们设置了四个padding,即上下左右的padding,上下的padding值为24dp,左右的padding值为40dp,然后比较关键的一个属性,也就是今天的主角,clipToPadding这个属性我们设置了false。
为了区分我们给ViewPager设置背景色蓝色。
OK,我们来看看MainActivity.java的代码:
package com.example.cardview.pager;import android.app.Activity;import android.os.Bundle;import android.support.v4.view.ViewPager;import android.util.TypedValue;import com.example.cardviewpager.R;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main_activity);ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager); String[] list = new String[20]; MyAdapter adapter = new MyAdapter(this, list); viewPager.setAdapter(adapter); viewPager.setOffscreenPageLimit(4); viewPager.setPageMargin((int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 20, getResources().getDisplayMetrics())); viewPager.setPageTransformer(false, new ScaleTransformer(this)); }}
MyAdapter.java的代码:
package com.example.cardview.pager;import android.content.Context;import android.support.v4.view.PagerAdapter;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;import com.example.cardviewpager.R;public class MyAdapter extends PagerAdapter { private Context context; private LayoutInflater inflater; private String[] list = new String[20]; public MyAdapter(Context context, String[] list) { this.context = context; this.list = list; inflater = LayoutInflater.from(context); } @Override public int getCount() { return list.length; } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public Object instantiateItem(ViewGroup container, int position) { View view = inflater.inflate(R.layout.cardview_item, container, false); TextView tv = (TextView) view.findViewById(R.id.tv); tv.setText(position+""); container.addView(view); return view; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } }
ScaleTransformer.java的代码
package com.example.cardview.pager;import android.content.Context;import android.support.v4.view.ViewPager;import android.support.v7.widget.CardView;import android.util.TypedValue;import android.view.View;public class ScaleTransformer implements ViewPager.PageTransformer { private Context context; private float elevation; public ScaleTransformer(Context context) { this.context = context; elevation = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 20, context.getResources().getDisplayMetrics()); } @Override public void transformPage(View page, float position) { if (position < -1 || position > 1) { } else { if (position < 0) { ((CardView) page).setCardElevation((1 + position) * elevation); } else { ((CardView) page).setCardElevation((1 - position) * elevation); } } }}
OK,代码都很简单。
我们来直接看看运行的效果:
一开始运行的情况,这是静止时候的样子,我们发现左边padding的部分是很明显(因为第一个page前面没有page了),但是右边padding部分却被忽略了,显示了下一张局部。
然后我们慢慢往左滑动:
OK,我们发现,当page滑动到paddingLeft的空间的时候,并没有被clip掉,没有被裁剪掉,而是被保留了下来,并且还能继续往paddingLeft更左边的位置滑动。
,而且paddingRight空间的地方也被忽略显示下一个page的局部,所以这就是似的pading值被忽略了,对,当我们把clipToPadding的属性设置为false的时候,在滑动的时候,就会忽略padding边界的存在,view在滑动的时候,自由穿过padding的位置。
OK,我们在把clipToPadding属性的值设置为true试试看呢?
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" > <android.support.v4.view.ViewPager android:background="#0000ff" android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="300dp" android:clipToPadding="true" android:paddingBottom="24dp" android:paddingLeft="40dp" android:paddingRight="40dp" android:paddingTop="24dp" /></RelativeLayout>
OK,其他的不变,我们来看看效果吧:
这是静止,刚运行默认时候的样子。
OK,我们发现这个page view只有了一个padding边界的限制,padding空间并不能显示东西,所以我们只看到了一个page。
接下来我们滑动试试看吧。
OK,我们看到,当我们往左滑动的时候,page view 并不能穿过padding边界,而是限定在padding内部滑动。
所以知道这个细节之后,我们在实现某些UI效果的时候,可能就用的上这样的一个技巧。
- Android ViewPager 属性clipToPadding的巧妙用法
- android:clipToPadding属性的用法
- clipChildren和android:clipToPadding属性的使用
- listview的属性 clipToPadding
- Android布局属性android:clipToPadding的UI设计妙用
- Android布局属性android:clipToPadding的UI设计妙用
- android:clipToPadding的使用
- android:clipToPadding的使用
- android:clipToPadding的使用
- Android BigDecime的巧妙用法
- android:clipToPadding的使用详解
- android:clipToPadding属性的分析——以ListView的"别样"padding为例
- android:clipToPadding和android:clipChildren的解析
- android:clipToPadding和android:clipChildren的使用
- Android ViewPager的基本用法
- xamarin android viewpager的用法
- Android Fragment+ViewPager的用法
- 标签的巧妙用法
- 为何不能在头文件里写定义?
- 【大数据部落】从网络图看数字媒体对传统媒体的影响
- Xlistview多条目展示
- fastJson的Demo
- java 中调用window系统中的文件,或者执行命令(shell、.CMD、.EXE)并获取返回值
- Android ViewPager 属性clipToPadding的巧妙用法
- js短信验证码无视刷新
- base-122编码,比base-64更加高效
- redis学习
- postgresql常用命令
- 初识js
- CAN总线
- iOS CocoaPods:Updating local specs repositories一直停在那里了
- edittext 行间距