Android中布局的巧妙设计【android进化二十六】

               我学android以来，感觉控件都不可以重叠一起的，比如不可以在一个EditText中再放一个TextView，感觉控件都是有位置的，不可以重叠。但是这周看Android短信源码的时候发现控件其实是可以重叠放在一起的，这说明谷歌设计Android语言的时候就考虑到了这点，所以设计师很巧妙的就实现了这个功能。例如可以在一个TextView中环绕一个图片，在EditText中放置一个TextView，我就写了一个EditViewDemo的例子，在EditText的右下角放置一个TextView，显示还能输入的字数，一共能输入160个字。大家有问题的或者想要源码的可以留言。

 

                       程序一开始的效果：                                            当输入一个字母TextView显示剩余数：

                                                      

 

                             输入多个字母时候的效果：

                       

 

代码奉上，一切还得看代码说真理：

一、mainActivity。java类中的代码：

package com.cn.daming;

import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends Activity {

	private AlertDialog dialog;
	private View show_dialog;
	private EditText edit_text;
	private TextView text_view;
	
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        dialog = new AlertDialog.Builder(MainActivity.this).create();
        show_dialog = View.inflate(MainActivity.this, R.layout.edittext_dialog, null);  
        edit_text = (EditText)show_dialog.findViewById(R.id.edit_text);
        text_view = (TextView)show_dialog.findViewById(R.id.text_view);
        dialog.setView(show_dialog);
        dialog.show();
        edit_text.addTextChangedListener(new EditTextWatcher());
    }
	
	//EditTextWatcher is listener the editText changed
	public class EditTextWatcher implements TextWatcher{

		public void afterTextChanged(Editable arg0) {
			
		}

		public void beforeTextChanged(CharSequence cs, int arg1, int arg2,
				int arg3) {
			edit_text.setVisibility(View.VISIBLE);
			if((edit_text.getText()).length()<160){
				text_view.setText(""+(160-(edit_text.getText()).length()));
			}
			else{
				edit_text.setFocusable(true);
			}
		}

		public void onTextChanged(CharSequence cs, int arg1, int arg2,
				int arg3) {
			
		}
		
	}
}

二、edittext_dialog.xml中的代码，这个代码的设计是关键，巧妙的利用RelativeLayout的一些属性来实现控件重叠的效果:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1.0" 
>
	<RelativeLayout  
	    xmlns:android="http://schemas.android.com/apk/res/android"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    >
		<EditText
		   android:id="@+id/edit_text"
		   android:layout_width="wrap_content"
		   android:layout_height="wrap_content"
		   android:layout_alignParentLeft="true"
		   android:layout_alignParentRight="true"
		   android:maxLines="5"
		   android:maxLength="2000"
		/>
	    <TextView
	       android:id="@+id/text_view"
	       android:layout_width="wrap_content"
	       android:layout_height="wrap_content"
	       android:layout_alignParentRight="true"
	       android:layout_alignBottom="@id/edit_text"
	       android:textColor="#ffff0000"
	    />
	</RelativeLayout>
</LinearLayout>

 

三、AndroidManifest.xml中的代码：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.cn.daming"
      android:versionCode="1"
      android:versionName="1.0">
    <uses-sdk android:minSdkVersion="8" />

    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MainActivity"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
</manifest>