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

ゞ浴缸里的玫瑰 2023-10-16 22:18 28阅读 0赞

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

一个简单的UI效果场景。顶部一个半透明Toolbar，然后下面是一个ListView，要求ListView在初始状态下（即未触发任何滑动事件情况下）的item全部在Toolbar下面显示，当用户的手指由下往上滑动翻动时候，ListView的item滚动到Toobar下面。  
这样的抽象描述比较晦涩难懂，现在给出两张图加以说明，

图1 （初始、静止状态）：

![Center][]

图2（滑动状态）：

![Center 1][]

图1就是全部的View在初始静止状态下的情况，图2即为ListView滑入到Toolbar下方后的效果，实现如此效果，其中一个策略就是使用Android的布局属性：android:clipToPadding  
默认android:clipToPadding的值为true。当把android:clipToPadding的属性设置为false时候即可实现图1，图2的效果。

现给出全部用以说明android:clipToPadding作用的代码。  
测试用的主Activity MainActivity.java :

package zhangphil.listview;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.support.v7.widget.Toolbar;
    import android.widget.ArrayAdapter;
    import android.widget.ListView;
    
    public class MainActivity extends Activity {
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    
    		Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
    		mToolbar.setLogo(R.drawable.ic_launcher);
    		mToolbar.setTitle("zhangphil");
    
    		ListView lv = (ListView) findViewById(R.id.listView);
    
    		String[] data = new String[50];
    		for (int i = 0; i < data.length; i++) {
    			data[i] = "数据" + i;
    		}
    
    		ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, data);
    		lv.setAdapter(adapter);
    	}
    }

MainActivity.java需要的布局文件activity\_main.xml文件：

注意android:clipToPadding。

[Center]: https://img-blog.csdn.net/20150923144215001?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: https://img-blog.csdn.net/20150923144232418?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center