自定义流式布局+简单

本文介绍了一种自定义的流式布局实现方法,通过继承ViewGroup并重写onMeasure和onLayout方法,实现了视图的自动换行布局。在SuoActivity中,该布局用于展示搜索结果,每个搜索结果项为一个TextView,点击后跳转到MainActivity。

----------------首先xml     suo_activity.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <EditText
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="6"
            android:background="@null"
            android:id="@+id/sousuo_edit"/>
        <Button
            android:id="@+id/sousuo_btn"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="搜索"/>
    </LinearLayout>
    <com.bwie.xiaqin.yuekao1121lx.sousuobuju.LiuShi
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/liushi">

    </com.bwie.xiaqin.yuekao1121lx.sousuobuju.LiuShi>
</LinearLayout>

 

---------------------之后是  SouActivity.java

package com.bwie.xiaqin.yuekao1121lx.sousuobuju;

import android.app.Activity;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

import com.bwie.xiaqin.yuekao1121lx.MainActivity;
import com.bwie.xiaqin.yuekao1121lx.R;

public class SuoActivity extends AppCompatActivity {

    private EditText sousuo_edit;
    private Button sousuo_btn;
    private LiuShi liuShi;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.suo_activity);
        sousuo_btn = findViewById(R.id.sousuo_btn);
        sousuo_edit = findViewById(R.id.sousuo_edit);
        liuShi = findViewById(R.id.liushi);
        sousuo_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String s = sousuo_edit.getText().toString();
                TextView textView = new TextView(SuoActivity.this);
                textView.setPadding(5,5,5,5);
                textView.setText(s);
                liuShi.addView(textView);
                textView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Intent intent = new Intent(SuoActivity.this,MainActivity.class);
                        startActivity(intent);
                        finish();
                    }
                });
            }
        });
    }
}

 

 

------------------------继承ViewGroup

 

package com.bwie.xiaqin.yuekao1121lx.sousuobuju;

import android.content.Context;
import android.util.AttributeSet;
import android.view.ViewGroup;

/**
 * Created by lenovo on 2018/11/22.
 */

public class LiuShi extends ViewGroup{
    private int mLeftMargin = 20;
    private int mTopMargin = 20;
    public LiuShi(Context context) {
        this(context,null);
    }

    public LiuShi(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public LiuShi(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        measureChildren(widthMeasureSpec,heightMeasureSpec);

        int leftMargin = mLeftMargin;
        int topMargin = mTopMargin;

        int ViewWidth = 0;
        int ViewHeight = 0;

        int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
        int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);
        int modelWidth = MeasureSpec.getMode(widthMeasureSpec);
        int modelHeight = MeasureSpec.getMode(heightMeasureSpec);

        switch (modelHeight){
            case MeasureSpec.AT_MOST:
                int measuredHeight = 0;
                for (int i = 0; i < getChildCount(); i++) {
                    int measuredWidth = getChildAt(i).getMeasuredWidth();
                    measuredHeight = getChildAt(i).getMeasuredHeight();

                    if (leftMargin+measuredWidth+mLeftMargin > getWidth()){
                        leftMargin = mLeftMargin;
                        topMargin += measuredHeight+mTopMargin;
                    }
                    leftMargin += measuredWidth + mLeftMargin;
                }
                topMargin += measuredHeight+mTopMargin;
                break;
        }
        setMeasuredDimension(sizeWidth,topMargin);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int leftMargin = mLeftMargin;
        int topMargin = mTopMargin;

        for (int i = 0; i < getChildCount(); i++) {
            int measuredWidth = getChildAt(i).getMeasuredWidth();
            int measuredHeight = getChildAt(i).getMeasuredHeight();
            if (leftMargin+measuredWidth+mLeftMargin > getWidth()){
                leftMargin = mLeftMargin;
                topMargin += measuredHeight+mTopMargin;
                getChildAt(i).layout(leftMargin,topMargin,leftMargin+measuredWidth,topMargin+measuredHeight);
            }else {
                getChildAt(i).layout(leftMargin,topMargin,leftMargin+measuredWidth,topMargin+measuredHeight);
            }
            leftMargin+=measuredWidth+mLeftMargin;
        }
    }
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值