Android中佈局的巧妙設計【android進化二十六】 – Android移動開發技術文章_手機開發 Android移動開發教學課程

 

我學android以來,感覺控件都不可以重疊一起的,比如不可以在一個EditText中再放一個TextView,感覺控件都是有位置的,不可以重疊。但是這周看Android短信源碼的時候發現控件其實是可以重疊放在一起的,這說明谷歌設計Android語言的時候就考慮到瞭這點,所以設計師很巧妙的就實現瞭這個功能。例如可以在一個TextView中環繞一個圖片,在EditText中放置一個TextView,我就寫瞭一個EditViewDemo的例子,在EditText的右下角放置一個TextView,顯示還能輸入的字數,一共能輸入160個字。大傢有問題的或者想要源碼的可以留言。

 

                       程序一開始的效果:                                            當輸入一個字母TextView顯示剩餘數:

                                             

 

 

                             輸入多個字母時候的效果:

                       

 

 

代碼奉上,一切還得看代碼說真理:

一、mainActivity。java類中的代碼:

 

package com.cn.daming; 

www.aiwalls.com

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的一些屬性來實現控件重疊的效果:

 

<span style="font-size:16px;"><?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> 

</span> 

 

 

三、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>   

發佈留言