ساخت یک View سفارشی (Custom View) در Action Bar (به عنوان مثال، یک EditText)، در برنامه نویسی اندروید

در Action Bar ، معمولا گزینه هایی (action items) به شکل دکمه (Button) را به کار می بریم. اما سایر View ها مثل EditText نیز می توانند در Action Bar قرار بگیرند و بر اساس View قرار گرفته، می توانیم قابلیت های گزینه ها (action items) را گسترش بدهیم.

در این مبحث، یک برنامه اندروید می سازیم که در آن ، وقتی کاربر گزینه ای با نام Search در منو (menu) را انتخاب می کند، یک EditText در Action Bar نمایش داده می شود. کاربر می تواند متن مورد نظر خود را در EditText بنویسد و سپس با زدن enter ، متن وارد شده توسط وی، در یک پیام toast نمایش داده می شود (پس می توان متن ورودی را به هر شکل دلخواه، پردازش نمود).

این برنامه اندروید در Eclipse 3.7.2 ساخته شده و در یک گوشی مجازی (Virtual device) با API برابر 14 تست شده است.

1- یک پروژه اندروید با نام ActionBarActionView می سازیم :

ساخت یک View سفارشی (Custom View) در Action Bar (به عنوان مثال، یک EditText)، در برنامه نویسی اندروید

پروژه اندروید جدید

شماره مورد نظرمان برای Android Build Target را انتخاب می کنیم :

انتخاب Android Build Target

مشخصات برنامه اندروید را تعیین می کنیم :

تعیین مشخصات برنامه اندروید

4- یک پوشه (folder) با نام menu در پوشه res از پروژه اندروید ساخته و سپس در آن، یک فایل با نام items.xml ایجاد می کنیم (در این فایل، item های Action Bar تعریف می شوند) :

یک فایل لایه (layout) با نام seach_layout.xml در پوشه res/layout می سازیم که در آن، کدهای مربوط به تعریف View سفارشی (همان EditText) قرار می گیرد :

کدهای فایل src/in/wptrafficanalyzer/actionbaractionview/MainActivity.java را به صورت زیر بازنویسی می کنیم :

package in.wptrafficanalyzer.actionbaractionview;
 
import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.TextView.OnEditorActionListener;
import android.widget.Toast;
 
public class MainActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
 
    /** Callback function */
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        /** Create an option menu from res/menu/items.xml */
        getMenuInflater().inflate(R.menu.items, menu);
 
        /** Get the action view of the menu item whose id is search */
        View v = (View) menu.findItem(R.id.search).getActionView();
 
        /** Get the edit text from the action view */
        EditText txtSearch = ( EditText ) v.findViewById(R.id.txt_search);
 
        /** Setting an action listener */
        txtSearch.setOnEditorActionListener(new OnEditorActionListener() {
 
            @Override
            public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
                Toast.makeText(getBaseContext(), "Search : " + v.getText(), Toast.LENGTH_SHORT).show();
                return false;
            }
        });
 
        return super.onCreateOptionsMenu(menu);
    }
}

برنامه اندروید ساخته شده را اجرا می نماییم :

Overflow Menu

هنگام اشاره بر روی گزینه search ، یک EditText در Action Bar نمایش داده می شود

دانلود پروژه اندروید برای Eclipse :

دانلود (با حجم 0.16 MB)

منابع و لینک های مفید

http://wptrafficanalyzer.in/blog/adding-custom-action-view-to-action-bar-in-android/

دسته بندی کار با action bar ، در برنامه نویسی اندروید

مترجم علیرضا گلمکانی

شماره کلید 6967

گزینه ها

به اشتراک گذاری (Share) در شبکه های اجتماعی

FaceBook Twitter Digg Reddit LinkedIn Pinterest StumbleUpon

نظرات 1 1 0

پویا

۱۳۹۵/۱۱/۰۴

۲۲:۱۹

سلام
در مورد ()onEditorAction، چطور برنامه متوجه میشه که گزینه search زده شده؟
جایی در مورد این، توی برنامه لحاظ نشده؟؟!!
یعنی ابتدا برنامه باید متوجه زدن search بشه و بعد به متد onEditorAction بره!

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)