Android View中 layout 的使用

来源：互联网发布：android登录界面源码编辑：程序博客网时间：2024/05/19 09:01

1、layout简介

给View 以及其它的所有的子节点都分配了一个尺寸；

这也是布局的第二个步骤，（第一个步骤是measuing）.在这一个步骤中，每一个每一个父节点都会回调layout.This is typically done using the child measurements

that were stored in the measure pass()

继承的子类不应当overide这个方法。而是应当继承onlayout这个方法.在这个onlayout这个方法中，他们应当嗲用layout方法，遍历每一个子节点的布局。

（我们可以查看AbsoluteLayout 的code）

2、layout用法一:

我们可以看下 Android 仿美团网,大众点评购买框悬浮效果之修改版

其，在ScrollView中，对layout使用的思想是比较ok的。

** * @blog http://blog.csdn.net/xiaanming *  * @author xiaanming * */public class MTActivity extends Activity implements OnScrollListener{/** * 自定义的MyScrollView */private MTScrollView myScrollView;/** * 在MyScrollView里面的购买布局 */private LinearLayout mBuyLayout;/** * 位于顶部的购买布局 */private LinearLayout mTopBuyLayout;@SuppressWarnings("deprecation")@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState); setContentView(R.layout.mt_activity_main);myScrollView = (MTScrollView) findViewById(R.id.scrollView);mBuyLayout = (LinearLayout) findViewById(R.id.buy);mTopBuyLayout = (LinearLayout) findViewById(R.id.top_buy_layout);myScrollView.setOnScrollListener(this);//mTopBuyLayout.setV//当布局的状态或者控件的可见性发生改变回调的接口//当界面初始化的时候，就对界面上的可移动的买的布局 进行一移动到指定的位置findViewById(R.id.parent_layout).getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {@Overridepublic void onGlobalLayout() {//这一步很重要，使得上面的购买布局和下面的购买布局重合System.out.println("onGlobalLayout"+myScrollView.getScrollY());onScroll(myScrollView.getScrollY());//System.out.println(myScrollView.getScrollY());}});}/** * 将那个买的在fragment中 可以移动的那个买的布局， *  不停的移动那个布局，当可移动的那个布局到达了顶部的时候， 就不在移动那个可以移动的布局 *   *   *   */@Overridepublic void onScroll(int scrollY) {int mBuyLayout2ParentTop = Math.max(scrollY, mBuyLayout.getTop());System.out.println("mBuyLayout2ParentTop "+mBuyLayout2ParentTop);mTopBuyLayout.layout(0, mBuyLayout2ParentTop, mTopBuyLayout.getWidth(), mBuyLayout2ParentTop + mTopBuyLayout.getHeight());}}

/** * @blog http://blog.csdn.net/xiaanming *  * @author xiaanming * */public class MTScrollView extends ScrollView{private OnScrollListener onScrollListener;public MTScrollView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);// TODO Auto-generated constructor stub}public MTScrollView(Context context, AttributeSet attrs) {super(context, attrs);// TODO Auto-generated constructor stub}public MTScrollView(Context context) {super(context);// TODO Auto-generated constructor stub}/** * 设置滚动接口 * @param onScrollListener */public void setOnScrollListener(OnScrollListener onScrollListener) {this.onScrollListener = onScrollListener;}@Overrideprotected void onScrollChanged(int l, int t, int oldl, int oldt) {super.onScrollChanged(l, t, oldl, oldt);if(onScrollListener != null){System.out.println("onScrollChanged");onScrollListener.onScroll(t);}}/** *  * 滚动的回调接口 *  * @author xiaanming * */public interface OnScrollListener{/** * 回调方法， 返回MyScrollView滑动的Y方向距离 * @param scrollY * 、 */public void onScroll(int scrollY);}}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/parent_layout"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <ImageView        android:id="@+id/imageView1"        android:layout_width="match_parent"        android:layout_height="45dip"        android:scaleType="centerCrop"        android:src="@drawable/navigation_bar" />    <com.ownku.view.MTScrollView        android:id="@+id/scrollView"        android:layout_width="fill_parent"        android:layout_height="fill_parent" >        <FrameLayout            android:layout_width="match_parent"            android:layout_height="wrap_content" >            <LinearLayout                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:orientation="vertical" >                <ImageView                    android:id="@+id/iamge"                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:background="@drawable/pic"                    android:scaleType="centerCrop" />                <include                    android:id="@+id/buy"                    layout="@layout/buy_layout" />                <ImageView                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:background="@drawable/one"                    android:scaleType="centerCrop" />                <ImageView                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:background="@drawable/one"                    android:scaleType="centerCrop" />                <ImageView                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:background="@drawable/one"                    android:scaleType="centerCrop" />            </LinearLayout>            <include                android:id="@+id/top_buy_layout"                layout="@layout/buy_layout" />        </FrameLayout>    </com.ownku.view.MTScrollView></LinearLayout>

当买东西的那个布局移动开始保持在布局中的buy_layout的布局离顶部的高度保持一致，以达到对其在LinearLayout时，其中buy_layout可见时候，对其的覆盖，当其移动走，不可见的时候。 top_buy_layout就停留在其顶部，通过layout数的变化。

3、layout用法三

其中的，layout的移动是相对于父类给子类提供的空间进行移动的。

点击上面的button 对img 进行移动，图上的移动是相对于图片所在父类的空间进行的移动。

ImageView img;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);img=(ImageView) findViewById(R.id.imageView1);findViewById(R.id.button1).setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stub//animation2();lay1();}});}protected void lay1() {// TODO Auto-generated method stub/** * 是相对于改view 所在的父类的布局，所发生的变化的位移 *  */img.layout(100, 100, 310, 150);}

activity_main.xml

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context=".MainActivity" >    <TextView        android:id="@+id/textView1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/hello_world" />    <LinearLayout        android:layout_width="300dp"        android:layout_height="300dp"        android:layout_centerInParent="true"        android:background="@android:color/darker_gray" >        <ImageView            android:id="@+id/imageView1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/ic_launcher" />    </LinearLayout>    <Button        android:id="@+id/button1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignLeft="@+id/textView1"        android:layout_below="@+id/textView1"        android:text="Button" /></RelativeLayout>

0 0