安卓布局优化--ViewStub使用

在开发中很多时候回遇到这种情况,我们在一般情况下不需要在界面上显示那么多控件,但是这些控件在特殊情况下又是需要被显示的,此时ViewStub就派上用场了,话不多说,直接代码讲解



首先我们定义一个布局(就是那个时而隐藏时而显示的布局啦技术分享)  viewstub.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"
    android:orientation="vertical" >
    
    <EditText
        android:id="@+id/text1"
        android:hint="@string/moremsg" 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>
    
    <EditText
        android:id="@+id/text2"
        android:hint="@string/moremsg" 
        android:layout_width="fill_parent"
        android:layout_marginTop="10dp"
        android:layout_height="wrap_content"/>

    <EditText
        android:id="@+id/text3"
        android:hint="@string/moremsg" 
        android:layout_width="fill_parent"
        android:layout_marginTop="10dp"
        android:layout_height="wrap_content"/>
    
</LinearLayout>

效果很简单,就是三个垂直排列的输入框。


接下来开始定义主布局(注意ViewStub只是一个控件,所以他的用法和Button这些没什么不同)


<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"
    android:id="@+id/linear"
    tools:context="com.example.viewstub.MainActivity" >

    <EditText 
        android:hint="输入姓名"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>
    
    <EditText 
        android:hint="在此输入电话"
        android:layout_marginTop="10dp"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>
    
    
    <Button 
        android:id="@+id/more"
        android:textSize="25sp"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="加载更多"/>
    
    <ViewStub 
        android:id="@+id/viewstub"
        android:layout_width="fill_parent"
        android:layout="@layout/viewstub"
        android:layout_height="wrap_content"/>

</LinearLayout>

然后开始在主函数调用:


package com.example.viewstub;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewStub;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;

public class MainActivity extends ActionBarActivity {

	private ViewStub viewstub;
	private EditText text1, text2, text3;
	private Button more;
	private int flag; // 标记是否已经展开隐藏项 1代表是
	private View layout;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		viewstub = (ViewStub) findViewById(R.id.viewstub);
		this.more = (Button) findViewById(R.id.more);
		flag = 0;
		this.more.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				if (flag == 0) {
					// viewstub.setVisibility(View.VISIBLE);
					if (viewstub != null) {
						View view = viewstub.inflate();
						text1 = (EditText) view.findViewById(R.id.text1);
						text2 = (EditText) view.findViewById(R.id.text2);
						text3 = (EditText) view.findViewById(R.id.text3);
						view = null;
					}
					flag = 1;
					more.setText("收起更多");
				} else {
					flag = 0;
					viewstub.setVisibility(View.INVISIBLE);
					more.setText("加载更多");
				}

			}
		});
	}

}

效果图如下:

技术分享技术分享


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。