ActionView и ActionBar

@JavaStarter · Регистрация: 14.05.2015

Здравствуйте! Подскажите, пожалуйста, по задаче - необходимо при нажатии на кнопку Поиск на ActionBar вывести TextView с кнопкой Save, при нажатии на которую добавляется строка в ListView. Примерно понятно, но смущает следующая фраза в заднии - When you press the Add button, the action bar expands an action view that contains an Edit Text and a Button called "Save". Как это воспроизвести, уже 2 дня сижу, не могу сообразить(

Пока сделал только так:
http://i.imgsafe.org/a438791.jpg
То есть, не могу понять, как после нажатия книпки + вывесть в ActionBar TextView и кнопку Save.

Java

public class MainActivity extends AppCompatActivity {
 
    EditText et;
    Button btSave;
    Button btDelete;
    ListView listView;
    ArrayList<String> arraylist;
    ArrayAdapter<String> adapter;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        arraylist = new ArrayList<String>();
 
        et = (EditText) findViewById(R.id.editText);
        btSave = (Button) findViewById(R.id.buttonAdd);
 
        adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, arraylist);
        listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(adapter);
 
        btSave.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                arraylist.add(et.getText().toString());
                adapter.notifyDataSetChanged();
            }
        });
    }
 
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater menuInflater = getMenuInflater();
        menuInflater.inflate(R.menu.main_activity_menu, menu);
        return super.onCreateOptionsMenu(menu);
    }
 
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
 
        switch (item.getItemId()){
            case R.id.add:
                Toast.makeText(getApplicationContext(), "Add was tapped", Toast.LENGTH_SHORT).show();
            case R.id.clear:
                arraylist.clear();
                adapter.notifyDataSetChanged();
            default:
                return super.onOptionsItemSelected(item);
        }
    }
}

@Armagedo · 03.01.2016, 11:19

Давайте весь ОРИГИНАЛЬНЫЙ текст задания...

Pablito · 03.01.2016, 15:21

http://javapapers.com/android/android-searchview-action-bar-tutorial/

@JavaStarter · 03.01.2016, 17:53 **[ТС]**

Оригинальный текст:

The ActionBar has two buttons, and Add button that uses the Android Add icon, and a Delete button that uses the Android Delete icon. When you press the delete button, all items from the ListView are deleted. When you press the Add button, the action bar expands an action view that contains an Edit Text and a Button called "Save". When the save button is pressed, the contents of the EditText should be added as a new item in the ListView.

@Armagedo · 03.01.2016, 18:47

Я, честно сказать, не особо экспериментировал с ActionBar - сделал свои пункты, прилепил SearchView и на этом успокоился.
Но, читаем...

В ActionBar две "кнопки" - это просто пункты меню ActionBar - одна с иконкой Add, вторая - Delete.
С Delete всё понятно - нажал, отработал onOptionsItemSelected, где прописал очистку списка.
С Add немного сложнее - по нажатию должен раскрыться элемент, состоящий из поле ввода (Edit Text) и кнопка (Button) с текстом "Save".
По вводу и нажатию на Save в список нужно добавить значение поля ввода (Edit Text).

Для того, чтобы по нажатию раскрылся вышеуказанный элемент, читаем http://developer.android.com/trainin...ml#action-view и экспериментируем, выкладываем код сюда и дальше думаем, если что не получилось

@JavaStarter · 03.01.2016, 22:16 **[ТС]**

Да, с Delete всё понятно. С Add так понял, нужно изменить динамически(at runtime). Поискал, нашел чтото похожее:
При клике на Добавить выходит другое меню
http://i.imgsafe.org/52dfb54.jpg
http://i.imgsafe.org/540abb3.jpg
При клике на Х - возвращается назад. Не могу понять, как мне две крайние иконки заменить на TextView и Button?

MainActivity:

Java

public class MainActivity extends AppCompatActivity {
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
 
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
 
    boolean canAddItem = false;
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        Toast toast;
        if(item.getItemId() == R.id.action_addItem){
            invalidateOptionsMenu();
        }
        else{
            toast = Toast.makeText(this, item.getTitle()+" Clicked!", Toast.LENGTH_SHORT);
            toast.show();
        }
 
        return super.onOptionsItemSelected(item);
    }
 
    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
 
        if(canAddItem){
            menu.getItem(0).setIcon(R.drawable.ic_action_content_clear);
 
            MenuItem mi = menu.add("New Item");
            mi.setIcon(R.drawable.ic_action_action_settings_power);
            mi.setShowAsActionFlags(MenuItem.SHOW_AS_ACTION_IF_ROOM);
 
            MenuItem mi2 = menu.add("New Item");
            mi2.setIcon(R.drawable.ic_action_content_drafts);
            mi2.setShowAsActionFlags(MenuItem.SHOW_AS_ACTION_IF_ROOM);
 
            canAddItem = false;
        }
        else{
            menu.getItem(0).setIcon(R.drawable.ic_action_content_add);
            canAddItem = true;
        }
 
        return super.onPrepareOptionsMenu(menu);
    }
 
}

menu.xml

XML

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_addItem"
        android:orderInCategory="100"
        app:showAsAction="always"
        android:icon="@drawable/ic_action_content_add"
        android:title="Add New Item"/>
 
</menu>

@Armagedo · 03.01.2016, 22:33

Сообщение от JavaStarter

С Add так понял, нужно изменить динамически(at runtime). Поискал, нашел чтото похожее:

Ты прочитал ссылку, которую я тебе оставил?
Там же написано - нужно создать отдельный файл разметки (лэйаут), с этими TextEdit и Button.
Пусть он называется action_bar_add_item_layout.xml.
Дальше загоняешь его в аттрибут actionLayout для item (строка 6).

XML

<item
        android:id="@+id/action_addItem"
        android:orderInCategory="100"
        app:showAsAction="ifRoom|collapseActionView"
        android:icon="@drawable/ic_action_content_add"        
        android:actionLayout="@layout/action_bar_add_item_layout"
        android:title="Add New Item"/>

Также обрати внимание на пункт Responding to action view expansion по той же ссылке в особенности о super.onOptionsItemSelected() и дальше...

@JavaStarter · 04.01.2016, 08:03 **[ТС]**

Всё получилось, спасибо! Выкладывают скрин и код, может, кому-то еще понадобится)

MainActivity:

Java

public class MainActivity extends AppCompatActivity {
 
    ListView listView;
    ArrayList<String> arraylist;
    ArrayAdapter<String> adapter;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        arraylist = new ArrayList<String>();
 
        adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, arraylist);
        listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(adapter);
 
    }
 
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        /** Create an option menu from res/menu/items.xml */
        getMenuInflater().inflate(R.menu.main_menu, menu);
 
        /** Get the action view of the menu item whose id is search */
        View v = (View) menu.findItem(R.id.action_submit).getActionView();
 
        /** Get the edit text from the action view */
        final EditText txtSearch = (EditText) v.findViewById(R.id.editText);
        final Button button = (Button) v.findViewById(R.id.buttonSave);
 
        /** Setting an action listener */
 
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                arraylist.add(txtSearch.getText().toString());
                adapter.notifyDataSetChanged();
            }
        });
 
        MenuItem pinMenuItem = menu.findItem(R.id.delete_all);
 
        pinMenuItem.setOnMenuItemClickListener(new MenuItem.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                arraylist.clear();
                adapter.notifyDataSetChanged();
                return true;
            }
        });
 
        return super.onCreateOptionsMenu(menu);
    }
}

XML

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_submit"
        app:actionLayout="@layout/add_layout"
        app:showAsAction="ifRoom|collapseActionView"
        android:title="Add"
        android:icon="@drawable/ic_action_content_add"/>
 
    <item
        android:id="@+id/delete_all"
        android:title="Delete all"
        app:showAsAction="always"
        android:icon="@drawable/ic_action_action_delete"
        />
 
    <item
        app:showAsAction="always"
        android:icon="@drawable/ic_action_action_pageview"
        android:id="@+id/menu_item_search"
        android:actionViewClass="android.widget.SearchView"
        android:title="Search"
        android:iconifiedByDefault="true"/>
</menu>

add_layout:

XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clickable="true">
 
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/editText"
        android:layout_toRightOf="@+id/buttonSave"
        android:layout_toEndOf="@+id/buttonSave" />
 
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Save"
        android:id="@+id/buttonSave"
        android:layout_alignBottom="@+id/editText" />
 
</RelativeLayout>

@Armagedo 209 / 209 / 60 Регистрация: 22.08.2014 Сообщений: 644
	03.01.2016, 11:19	2
	Давайте весь ОРИГИНАЛЬНЫЙ текст задания... 1

Pablito 2731 / 2166 / 735 Регистрация: 12.05.2014 Сообщений: 7,579 Завершенные тесты: 1
	03.01.2016, 15:21	3
	http://javapapers.com/android/android-searchview-action-bar-tutorial/ 1

@JavaStarter 11 / 11 / 4 Регистрация: 14.05.2015 Сообщений: 52
	03.01.2016, 17:53 [ТС]	4
	Оригинальный текст: The ActionBar has two buttons, and Add button that uses the Android Add icon, and a Delete button that uses the Android Delete icon. When you press the delete button, all items from the ListView are deleted. When you press the Add button, the action bar expands an action view that contains an Edit Text and a Button called "Save". When the save button is pressed, the contents of the EditText should be added as a new item in the ListView. 0

@Armagedo 209 / 209 / 60 Регистрация: 22.08.2014 Сообщений: 644
	03.01.2016, 18:47	5
	Я, честно сказать, не особо экспериментировал с ActionBar - сделал свои пункты, прилепил SearchView и на этом успокоился. Но, читаем... В ActionBar две "кнопки" - это просто пункты меню ActionBar - одна с иконкой Add, вторая - Delete. С Delete всё понятно - нажал, отработал onOptionsItemSelected, где прописал очистку списка. С Add немного сложнее - по нажатию должен раскрыться элемент, состоящий из поле ввода (Edit Text) и кнопка (Button) с текстом "Save". По вводу и нажатию на Save в список нужно добавить значение поля ввода (Edit Text). Для того, чтобы по нажатию раскрылся вышеуказанный элемент, читаем http://developer.android.com/trainin...ml#action-view и экспериментируем, выкладываем код сюда и дальше думаем, если что не получилось 1

	04.01.2016, 08:03

Опции темы

ActionView и ActionBar

Решение