Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> 自定義View 實現軟鍵盤實現搜索,自定義view

自定義View 實現軟鍵盤實現搜索,自定義view

編輯:關於android開發

自定義View 實現軟鍵盤實現搜索,自定義view


1. xml文件中加入自定義 搜索view


<com.etoury.etoury.ui.view.IconCenterEditText
            android:id="@+id/search_et"
             
            android:hint="搜索景點信息"
            />

 

2. 自定義的   view java文件

IconCenterEditText.java

package com.etoury.etoury.ui.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.Drawable;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.Log;
import android.view.KeyEvent;
import android.view.View;
import android.view.inputmethod.InputMethodManager;
import android.widget.EditText;
public class IconCenterEditText extends EditText implements View.OnFocusChangeListener, View.OnKeyListener {
    private static final String TAG = IconCenterEditText.class.getSimpleName();
    /**
     * 是否是默認圖標再左邊的樣式
     */
    private boolean isLeft = false;
    /**
     * 是否點擊軟鍵盤搜索
     */
    private boolean pressSearch = false;
    /**
     * 軟鍵盤搜索鍵監聽
     */
    private OnSearchClickListener listener;

    public void setOnSearchClickListener(OnSearchClickListener listener) {
        this.listener = listener;
    }

    public IconCenterEditText(Context context) {
        this(context, null);
        init();
    }

    public IconCenterEditText(Context context, AttributeSet attrs) {
        this(context, attrs, android.R.attr.editTextStyle);
        init();
    }

    public IconCenterEditText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        setOnFocusChangeListener(this);
        setOnKeyListener(this);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (isLeft) { // 如果是默認樣式,則直接繪制
            super.onDraw(canvas);
        } else { // 如果不是默認樣式,需要將圖標繪制在中間
            Drawable[] drawables = getCompoundDrawables();
            Drawable drawableLeft = drawables[0];
            Drawable drawableRight = drawables[2];
            translate(drawableLeft, canvas);
            translate(drawableRight, canvas);
//            if (drawableLeft != null) {
//                float textWidth = getPaint().measureText(getHint().toString());
//                int drawablePadding = getCompoundDrawablePadding();
//                int drawableWidth = drawableLeft.getIntrinsicWidth();
//                float bodyWidth = textWidth + drawableWidth + drawablePadding;
//
//                canvas.translate((getWidth() - bodyWidth - getPaddingLeft() - getPaddingRight()) / 2, 0);
//            }
//            if (drawableRight != null) {
//                float textWidth = getPaint().measureText(getHint().toString()); // 文字寬度
//                int drawablePadding = getCompoundDrawablePadding(); // 圖標間距
//                int drawableWidth = drawableRight.getIntrinsicWidth(); // 圖標寬度
//                float bodyWidth = textWidth + drawableWidth + drawablePadding;
//                setPadding(getPaddingLeft(), getPaddingTop(), (int)(getWidth() - bodyWidth - getPaddingLeft()), getPaddingBottom());
//                canvas.translate((getWidth() - bodyWidth - getPaddingLeft()) / 2, 0);
//            }
            super.onDraw(canvas);
        }

    }

    public void translate(Drawable drawable, Canvas canvas) {
        if (drawable != null) {
            float textWidth = getPaint().measureText(getHint().toString());
            int drawablePadding = getCompoundDrawablePadding();
            int drawableWidth = drawable.getIntrinsicWidth();
            float bodyWidth = textWidth + drawableWidth + drawablePadding;
            if (drawable == getCompoundDrawables()[0]) {
                canvas.translate((getWidth() - bodyWidth - getPaddingLeft() - getPaddingRight()) / 2, 0);
            } else {
                setPadding(getPaddingLeft(), getPaddingTop(), (int)(getWidth() - bodyWidth - getPaddingLeft()), getPaddingBottom());
                canvas.translate((getWidth() - bodyWidth - getPaddingLeft()) / 2, 0);
            }
        }
    }

    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        Log.d(TAG, "onFocusChange execute");
        // 恢復EditText默認的樣式
        if (!pressSearch && TextUtils.isEmpty(getText().toString())) {
            isLeft = hasFocus;
        }
    }

    @Override
    public boolean onKey(View v, int keyCode, KeyEvent event) {
        pressSearch = (keyCode == KeyEvent.KEYCODE_ENTER);
        if (pressSearch && listener != null) {
            /*隱藏軟鍵盤*/
            InputMethodManager imm = (InputMethodManager) v.getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
            if (imm.isActive()) {
                imm.hideSoftInputFromWindow(v.getApplicationWindowToken(), 0);
            }
            listener.onSearchClick(v);
        }
        return false;
    }

    public interface OnSearchClickListener {
        void onSearchClick(View view);
    }

}

3. style

</style>   
            <style name="StyleEditText">
            <item name="android:layout_width">match_parent</item>
            <item name="android:layout_height">wrap_content</item>
            <item name="android:background">@drawable/bg_search_bar</item>
            <item name="android:drawablePadding">5dp</item>
            <item name="android:gravity">center_vertical</item>
            <item name="android:imeOptions">actionSearch</item>
            <item name="android:drawableLeft">@drawable/icon_search</item>
            <item name="android:padding">5dp</item>
            <item name="android:singleLine">true</item>
            <item name="android:textColorHint">@color/grey</item>
            <item name="android:textSize">16sp</item>
            <item name="android:hint">搜索</item>
        </style>

4. bg_search_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/white" />
    <stroke
        android:width="1px"
        android:color="@android:color/darker_gray" />
    <corners android:radius="3dp" />
</shape>

5. activity 中加上代碼

private IconCenterEditText search_et;
search_et = (IconCenterEditText) findViewById(R.id.search_et);
search_et.setOnSearchClickListener(new OnSearchClickListener() {
            @Override
            public void onSearchClick(View view) {
                // TODO Auto-generated method stub

                String texts = search_et.getText().toString().trim();
                if ("".equals(texts)) {
                    ToastUtil.showToast("請輸入您要搜索的內容");
                } else {
                    //根據你的文字內容實現跳轉
                    Intent intent = new Intent(context,
                            SearchWordActivity.class);
                    // intent.putExtra("searchMode", 1);
                    intent.putExtra("searchWord", texts);
                    context.startActivity(intent);

                }

            }
        });

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved