[Android] ListView/GridView 滚动时动态填充空白边距padding(android:clipToPadding)

原创 2016年09月13日 23:27:57

【需求分析】

  最近项目中遇到这样一个需求,GridView在初始布局时有一个上面的padding。但是当滑动屏幕时,这个padding被动态填充,增大滑动区间和用户视觉区。折腾了好久,找到了相关属性android:clipToPadding可以进行设置。

【动画效果】

  这里需要的效果是:起初ListView具有上方的padding,而在用户手动滑动ListView后,上滑动的内容可以填充进这部分padding中,具体如下所示:
  android:android:clipToPadding=false

如果不对android:clipToPadding进行设置,得到的动画效果如下:
  android:android:clipToPadding=true
  此时,从动图中可以看出,ListView上方的padding一直存在于那边,并且当手动滑动listView时,item只是沿着padding的下边进行滑动,导致滑动后list_item和上面的actionBar好似分割开来了。通过添加android:clipToPadding=false这条属性,可以有效解决由于设置了padding导致的动态滑动分割影响

【实现方案】

  在ListView或者GridView中添加android:clipToPadding属性。

【代码展示】

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:orientation="vertical"
    tools:context="com.baidu.dynamicpadding.MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:text="这是模拟出的actionBar"
        android:textColor="#0000FF"
        android:textSize="14sp"
        android:gravity="center"
        android:background="#FFFFFF"
        />

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#000000"
        />

    <ListView
        android:id="@+id/test_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="20dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:paddingBottom="20dp"
        android:background="#333333"
        android:clipToPadding="false"
        />
</LinearLayout>
public class MainActivity extends AppCompatActivity {

    private ListView listItems = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        listItems = (ListView) findViewById(R.id.test_list);
        List<String> datas = new ArrayList<>();
        for (int i = 0; i < 30; ++i) {
            datas.add(i, "item " + i);
        }
        ListAdapter adapter =
                new ListAdapter(MainActivity.this, R.layout.list_item, datas);
        listItems.setAdapter(adapter);
    }

    private class ListAdapter extends ArrayAdapter<String> {
        private int resourceId;

        public ListAdapter(Context context, int resourceId, List<String> datas) {
            super(context, resourceId, datas);
            this.resourceId = resourceId;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View view;
            if (convertView == null) {
                view = LayoutInflater.from(getContext()).inflate(resourceId, null);
            } else {
                view = convertView;
            }

            TextView tvText = (TextView) view.findViewById(R.id.text_view);
            tvText.setText(getItem(position));
            return view;
        }
    }
}

【个人总结】

  1. 动态填充空白边距Padding:在ListView或者GridView中添加如下属性:
android:clipToPadding="false"

【原创声明】

转载请注册出处[个人博客地址](http://blog.csdn.net/csdn_lexli/article)

android:clipToPadding的使用

1.系统默认: android:clipToPadding=true主要用途:常常用于paddingTop,假设 内部有个属性设置了PaddingTop但是滑动的时候就忽视paddingTop的 则...
  • u012342082
  • u012342082
  • 2016年01月28日 10:42
  • 3841

android:clipToPadding的使用详解

今天来记录一下我这么久以来困扰的一个问题,就是有时候我们在listview设计时会有一些内边距的要求,这时候就比较尴尬,有人说直接用padding不就可以解决这个问题了吗?但是用完后有人发现在上下拉动...
  • u012041204
  • u012041204
  • 2017年04月17日 20:17
  • 279

有关clipToPadding、 clipChildren的那些事

这两个不常用的属性,可以实现不一般的效果目录这两个不常用的属性可以实现不一般的效果目录 属性详解 具体实现详解 先来几张效果图APP主界面底部导航栏 - ViewPager一屏多显示 透过...
  • Seeing_is_believing
  • Seeing_is_believing
  • 2017年07月16日 23:52
  • 478

clipToPadding和clipChildren

clipToPadding解决listview滚动问题这部分参考http://blog.csdn.net/hpu_zyh/article/details/44520949有时候需要在listview里...
  • litefish
  • litefish
  • 2016年09月08日 14:35
  • 2025

Android布局属性android:clipToPadding的UI设计妙用

 Android布局属性android:clipToPadding的UI设计妙用 一个简单的UI效果场景。顶部一个半透明Toolbar,然后下面是一个ListView,要求ListView...
  • zhangphil
  • zhangphil
  • 2015年09月23日 14:43
  • 14015

Padding与绘制区域--android:clipToPadding和android:clipChildren

设计一个界面,整个界面包含一个listview,但是listview不是全部充满屏幕,如下:可能会这样设计布局...
  • u011282069
  • u011282069
  • 2015年03月21日 19:38
  • 8299

android 关于 clipToPadding 和 clipChildren区别和作用

android 关于 clipToPadding 和 clipChildren区别和作用对于这两个属性那也是很神奇, 1.对于clipToPadding 默认是true, 这个属性一般都是viewg...
  • WangRain1
  • WangRain1
  • 2017年04月07日 17:13
  • 2484

android:clipToPadding的使用

原文地址:http://blog.csdn.net/u012342082/article/details/50599049 1.系统默认: Android:clipToPadding=true ...
  • kongxiuqi
  • kongxiuqi
  • 2016年07月04日 14:56
  • 4345

android:clipToPadding和clipChildren

clipToPadding属性定义了是否允许ViewGroup在padding中绘制,该值默认为true,即不允许.  android:clipToPadding属性的分析——以ListView的...
  • huazhenzhu
  • huazhenzhu
  • 2016年05月05日 10:59
  • 566

android:clipToPadding属性的分析——以ListView的"别样"padding为例

MainActivity如下: package cn.com.bravesoft.testlistviewloadmore; import java.util.ArrayList; import ja...
  • lfdfhl
  • lfdfhl
  • 2014年07月22日 21:58
  • 11118
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[Android] ListView/GridView 滚动时动态填充空白边距padding(android:clipToPadding)
举报原因:
原因补充:

(最多只允许输入30个字)