Как отобразить пользовательский вид в панели действий?



Я хочу отобразить пользовательский поиск в actionbar (я использую ActionBarSherlock для этого).



я понял:



enter image description here



но я хочу сделать пользовательский макет (поле edittext), чтобы занять всю доступную ширину.



я реализовал пользовательский макет, как предложил здесь.



есть мой пользовательский макет search.xml:



<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
style="?attr/actionButtonStyle"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_gravity="fill_horizontal"
android:focusable="true" >

<FrameLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical|fill_horizontal" >

<EditText
android:id="@+id/search_query"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="left|center"
android:background="@drawable/bg_search_edit_text"
android:imeOptions="actionSearch"
android:inputType="text" />

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right|center_vertical"
android:src="@drawable/ic_search_arrow" />

</FrameLayout>

</LinearLayout>


и MyActivity:



ActionBar actionBar = getSupportActionBar();
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setDisplayShowCustomEnabled(true);
actionBar.setDisplayShowTitleEnabled(false);
actionBar.setIcon(R.drawable.ic_action_search);

LayoutInflater inflator = (LayoutInflater) this .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View v = inflator.inflate(R.layout.search, null);

actionBar.setCustomView(v);


как я могу сделать пользовательский макет занимают всю доступную ширину actionBar?



помогите, пожалуйста.

582   6  

6 ответов:

есть трюк для этого. Все, что вам нужно сделать, это использовать RelativeLayout вместо LinearLayout в качестве основного контейнера. Важно иметь android:layout_gravity="fill_horizontal" установить для него. Это должно сработать.

Я сам боролся с этим и попробовал ответить Томику. Однако это не сделало макет полностью доступным по ширине при запуске, только когда вы добавляете что-то в представление.

вам нужно будет установить LayoutParams.FILL_PARENT при добавлении вида:

//I'm using actionbarsherlock, but it's the same.
LayoutParams layout = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
getSupportActionBar().setCustomView(overlay, layout); 

таким образом, он полностью заполняет доступное пространство. (Возможно, Вам также потребуется использовать решение Томика).

ответы от Tomik и Peterdk работают, когда вы хотите, чтобы ваш пользовательский вид занимал всего панель действий, даже скрывая родной титул.

но если вы хотите, чтобы ваш пользовательский вид жил бок о бок с заголовком (и заполнял все оставшееся пространство после отображения заголовка), то я могу сослаться на отличный ответ от пользователя Android-разработчика здесь:

https://stackoverflow.com/a/16517395/614880

его код внизу отлично сработало для меня.

вот как это работало для меня (из ответов выше он показывал как заголовок по умолчанию, так и мой пользовательский вид).

ActionBar.LayoutParams layout = new ActionBar.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
// actionBar.setCustomView(view); //last view item must set to android:layout_alignParentRight="true" if few views are there 
actionBar.setCustomView(view, layout); // layout param width=fill/match parent
actionBar.setDisplayShowCustomEnabled(true);//must other wise its not showing custom view.

Я заметил, что как setCustomView(view) и setCustomView(view,params) ширина вида=совпадение / заполнение родителя. setDisplayShowCustomEnabled (boolean showCustom)

например, вы можете определить файл макета, который содержит элемент EditText.

<?xml version="1.0" encoding="utf-8"?>
<EditText xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/searchfield"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:inputType="textFilter" >

</EditText> 

можно сделать

public class MainActivity extends Activity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    ActionBar actionBar = getActionBar();
    // add the custom view to the action bar
    actionBar.setCustomView(R.layout.actionbar_view);
    EditText search = (EditText) actionBar.getCustomView().findViewById(R.id.searchfield);
    search.setOnEditorActionListener(new OnEditorActionListener() {

      @Override
      public boolean onEditorAction(TextView v, int actionId,
          KeyEvent event) {
        Toast.makeText(MainActivity.this, "Search triggered",
            Toast.LENGTH_LONG).show();
        return false;
      }
    });
    actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM
        | ActionBar.DISPLAY_SHOW_HOME);


    }

есть пример в приложении запуска Android (что я сделал библиотеку из него, здесь), внутри класса, который обрабатывает выбор обоев ("WallpaperPickerActivity") .

пример показывает, что вам нужно установить настроенную тему для этой работы. К сожалению, это сработало для меня только с использованием нормальной структуры, а не с помощью библиотеки поддержки.

здесь темы:

стили.xml

 <style name="Theme.WallpaperPicker" parent="Theme.WallpaperCropper">
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:colorBackgroundCacheHint">@null</item>
    <item name="android:windowShowWallpaper">true</item>
  </style>

  <style name="Theme.WallpaperCropper" parent="@android:style/Theme.DeviceDefault">
    <item name="android:actionBarStyle">@style/WallpaperCropperActionBar</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowActionBarOverlay">true</item>
  </style>

  <style name="WallpaperCropperActionBar" parent="@android:style/Widget.DeviceDefault.ActionBar">
    <item name="android:displayOptions">showCustom</item>
    <item name="android:background">#88000000</item>
  </style>

значение-v19 / стили.xml

 <style name="Theme.WallpaperCropper" parent="@android:style/Theme.DeviceDefault">
    <item name="android:actionBarStyle">@style/WallpaperCropperActionBar</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowActionBarOverlay">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
  </style>

  <style name="Theme" parent="@android:style/Theme.DeviceDefault.Wallpaper.NoTitleBar">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
  </style>

EDIT: есть лучший способ сделать это, который также работает в библиотеке поддержки. Просто добавьте эту строку кода вместо того, что я написал выше:

getSupportActionBar().setDisplayShowCustomEnabled(true);

Comments

    Ничего не найдено.