安卓——安卓布局优化+include+merge+viewStub

一时失言乱红尘 2022-05-29 05:20 201阅读 0赞

![Image 1][]

FrameLayout：

例如视频暂停时，会在视频上层显示一个布局的图标。这个图标可能就是用FrameLayout做的一个布局叠加的一个效果

长时间的任务加载时，中央会有一个圆形滚动条在滚动。这个滚动条也有可能是用FrameLayout写的叠加效果

![Image 1][]

直接用include加载写好的布局,写法参看activity\_main.xml

然后在Maincitivity.java中也可以直接findViewById找到commontitle中的TextView，因为用了include标签

![Image 1][]

activity\_main.xml

commontitle.xml

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:background="#000000"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
    
    
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        >
    
    
        <TextView
            android:id="@+id/ret"
            android:text="返回"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="14sp"
            android:textColor="#ffffff"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="10dp"
            android:layout_centerVertical="true"
            />
    
        <TextView
            android:id="@+id/title"
            android:text="布局优化"
            android:layout_centerInParent="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="18sp"
            android:textColor="#ffffff"
    
            />
    
        <TextView
            android:id="@+id/fun"
            android:text="功能"
            android:layout_centerVertical="true"
            android:layout_marginRight="10dp"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="14sp"
            android:textColor="#ffffff"
    
            />
    
    
    </RelativeLayout>

![Image 1][]

activity\_main.xml

commonprogress.xml

这个文件用了merge

进度条和“请稍后”和一起了

<?xml version="1.0" encoding="utf-8"?>
    <merge xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        >
    
        <ProgressBar
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            />
    
        <TextView
            android:text="请稍后"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            />
    </merge>

![Image 1][]

![Image 1][]![Image 1][]

activity\_main.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.example.lenovo.MainActivity">
    
    
        <include
    
            layout="@layout/commontitle"
            />
    
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="正文"
            android:textSize="18sp"
            />
    
        <include
            layout="@layout/commompragress"/>
    </FrameLayout>
    
        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="显示隐藏内容"
            />
    
        <ViewStub
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/viewStub"
            android:layout="@layout/comm_text"
            />
    </LinearLayout>

comm\_text.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="隐藏内容"
            />
    
    </LinearLayout>

MainActivity.java

package com.example.lenovo;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.view.ViewStub;
    import android.widget.Button;
    import android.widget.TextView;
    
    public class MainActivity extends Activity {
    
        private Button button;
        private ViewStub viewStub;
        private TextView textView;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            button=(Button)findViewById(R.id.button);
            viewStub=(ViewStub)findViewById(R.id.viewStub);
            textView=(TextView)findViewById(R.id.title);
    
            button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    viewStub.inflate();//ViewStub加载布局
                }
            });
        }
    }

[Image 1]: