[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)

相关文章推荐

关于GridView里面的一个padding

今天在干活的时候,发现gridview里面的内容偏左。用hierarchyviewer发现有个paddingRight,但是怎么也找不到在哪里设置的。 后来发现是因为右侧有个scrollbar,导致...

GridView用CSS设定样式

GridView是很便利的数据控件,在MIS中的应用很广泛,其样式编写很简单,但是每次新增都要重新编写,工作很是烦琐,而且由于其本身的特性,样式并不好编写,最好的办法就是在单双行、Header、Pag...
  • xrjohn
  • xrjohn
  • 2015年06月25日 17:14
  • 2440

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

 Android布局属性android:clipToPadding的UI设计妙用 一个简单的UI效果场景。顶部一个半透明Toolbar,然后下面是一个ListView,要求ListView...

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

设计一个界面,整个界面包含一个listview,但是listview不是全部充满屏幕,如下:可能会这样设计布局...

clipToPadding和clipChildren

clipToPadding解决listview滚动问题这部分参考http://blog.csdn.net/hpu_zyh/article/details/44520949有时候需要在listview里...

android:clipToPadding的使用

1.系统默认: android:clipToPadding=true主要用途:常常用于paddingTop,假设 内部有个属性设置了PaddingTop但是滑动的时候就忽视paddingTop的 则...

为listview设置padding时,滑动页面顶部与底部不显示padding

android:padding="10dp" android:clipToPadding="false"

如何去掉ListView设置Padding属性后出现的空白边距?

重点是给ListView添加: android:clipToPadding="false"同样适用于其他可以滚动的控件。 未添加的效果: 添加后的效果:...

给GridLayout设置字视图的大小和视图之间的距离

private GridLayout grid; grid = (GridLayout) view.findViewById(R.id.grid_music_type);         item...

Android实现ListView或GridView首行/尾行距离屏幕边缘距离

Android上ListView&GridView默认行都是置顶的,这样会很丑。 一般为了解决这个问题都会在首行或尾行加上一个隐藏的View,那样实在是太麻烦了。在网上看博客的时候突然看到这个属性真...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[Android] ListView/GridView 滚动时动态填充空白边距padding(android:clipToPadding)
举报原因:
原因补充:

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