1. 程式人生 > >android布局_EditText(一)

android布局_EditText(一)

targe 刪除 程序代碼 rectangle 輸入 corners 連接 init 高內聚低耦合

實現內容:

1.如何使用圓角輸入框和按鈕背景
2.如何實現“手機號”、“密碼”後面的豎線
3.如何監聽輸入框的輸入事件及刪除按鈕的動態顯示隱藏

1.如何使用圓角輸入框和按鈕背景

安卓為開發者準備了shape這個xml標簽,用於自定義一些形狀。
那麽我就來定義一個白色的輸入框背景。代碼如下:

    <!-- 形狀 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid android:color="#ffffff"
/> <!-- 邊框 --> <stroke android:width="1dip" android:color="#ffffff" /> <!-- 內填充顏色 --> <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" /> <!-- 圓角 --> <corners
android:radius="6dp" /> </shape>

將其設置成任何View的background就可以了

android:background="@drawable/shape_wihte_frame"

2.如何實現“手機號”、“密碼”後面的豎線

這個其實很簡單,只需書寫一個豎線即可,寬度為1dp或者1px(或你認為更合適的數值)。

 <View
                android:id="@+id/view1"
                android:layout_width="1dip"
                android:layout_height
="fill_parent" android:layout_centerVertical="true" android:layout_gravity="center_horizontal" android:layout_marginLeft="2dp" android:layout_marginRight="2dp" android:layout_toRightOf="@+id/textView1" android:background="#EEEFFF" />

3.如何監聽輸入框的輸入事件及刪除按鈕的動態顯示隱藏

思想很簡單,就是監聽EditText的輸入事件,之後如果輸入長度大於0就顯示後面的刪除按鈕,如果=0就隱藏刪除按鍵,點擊刪除按鈕就清空輸入框。在這裏我寫出了一個工具類方便大家調用。高內聚低耦合是我們共同的追求。

public class EditTextClearTools {
    public static void addclerListener(final EditText e1, final ImageView m1) {

        e1.addTextChangedListener(new TextWatcher() {

            @Override
            public void onTextChanged(CharSequence s, int start, int before,
                    int count) {
                // TODO Auto-generated method stub

            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count,
                    int after) {
                // TODO Auto-generated method stub

            }

            @Override
            public void afterTextChanged(Editable s) {
                // TODO Auto-generated method stub
                // 監聽如果輸入串長度大於0那麽就顯示clear按鈕。
                String s1 = s + "";
                if (s.length() > 0) {
                    m1.setVisibility(View.VISIBLE);
                } else {
                    m1.setVisibility(View.INVISIBLE);
                }

            }
        });

        m1.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                // 清空輸入框
                e1.setText("");

            }
        });

    }

}

主程序代碼

public class MainActivity extends Activity {
    EditText e1, e2;
    ImageView m1, m2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_user_login);
        init();
    }

    private void init() {
        // TODO Auto-generated method stub
        e1 = (EditText) findViewById(R.id.phonenumber);
        e2 = (EditText) findViewById(R.id.password);
        m1 = (ImageView) findViewById(R.id.del_phonenumber);
        m2 = (ImageView) findViewById(R.id.del_password);
        // 添加監聽器
        EditTextClearTools.addclerListener(e1, m1);
        EditTextClearTools.addclerListener(e2, m2);

    }

}

代碼連接http://download.csdn.net/detail/androidmsky/9274037

轉載於http://blog.csdn.net/androidmsky/article/details/49870823

android布局_EditText(一)