如何在ActionBar中显示自定义视图?


92

我想在操作栏中显示自定义搜索(为此我正在使用ActionBarSherlock)。

我明白了:

在此处输入图片说明

但是我想使自定义布局(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

请帮助。


您可以使用自定义视图集设置标题吗?
罗伊·李

Answers:


95

这有一个窍门。您要做的就是使用RelativeLayout而不是LinearLayout作为主要容器。android:layout_gravity="fill_horizontal"做好准备很重要。那应该做。


3
@Tomik能否请您看看我的情况?stackoverflow.com/questions/16516306/…设置自定义视图后,我缺少标题。
罗伊·李

36

我自己为此苦苦挣扎,并尝试了Tomik的答案。但是,仅当您向视图中添加内容时,这并没有使布局在开始时就具有完整的可用宽度。

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的解决方案)。


2
+1,实际上,它仅在添加LayoutParams之后才对我有用,thnx
Mahmoud Badri 2013年

1
叠加值是多少?
androidevil

2
@androider是您的自定义视图。从xml膨胀或在代码中创建。
Bilthon

8

这就是它的工作方式(从以上答案中,它同时显示了默认标题和我的自定义视图)。

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(布尔值showCustom)


6

当您希望自定义视图占据整个操作栏,甚至隐藏本机标题时,都可以使用Tomik和Peterdk的答案。

但是,如果您希望自定义视图与标题并排显示(并在标题显示后填充所有剩余空间),那么我可以在这里为您提供来自Android-Developer用户的出色答案:

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

他的底部代码对我来说非常合适。


3

例如,您可以定义一个包含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);


    }

节省了我的n个小时..谢谢
CrazyMind

1

Android的启动器应用程序中有一个示例(在这里我已经用它制作了一个库),该类在处理挑选壁纸的类(“ WallpaperPickerActivity”)中。

该示例显示您需要为此设置一个自定义主题。可悲的是,这仅对我使用常规框架有效,而对支持库之一无效。

这里是主题:

styles.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 / styles.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>

编辑:有一种更好的方法,它也可以在支持库上工作。只需添加以下代码行即可,而不是上面的代码:

getSupportActionBar().setDisplayShowCustomEnabled(true);
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.