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ですか?

助けてください。


カスタムビューセットでタイトルを設定できますか?
ロイ・リー

回答:


95

これにはトリックがあります。あなたがしなければならないのは、メインコンテナとしてのRelativeLayout代わりに使用することですLinearLayout。そのandroid:layout_gravity="fill_horizontal"ための準備が重要です。それでうまくいくはずです。


3
@Tomik私のシナリオを見てください。stackoverflow.com/questions/16516306/…カスタムビューを設定した後、タイトルがありません。
ロイ・リー

36

私はこれに苦労し、トミクの答えを試しました。ただし、これによってレイアウトが開始時に使用可能な幅いっぱいになりませんでした。ビューに何かを追加した場合のみです。

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

1
オーバーレイ値とは何ですか?
androidevil 2013

2
@androiderはカスタムビューです。xmlから拡張するか、コードで作成します。
ビルトン2013

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)ビューのwidth = match / fill親です。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

壁紙ピッキング( "WallpaperPickerActivity")を処理するクラス内に、Androidのランチャーアプリの例(ここでライブラリを作成しました)があります。

この例は、これを機能させるためにカスタマイズしたテーマを設定する必要があることを示しています。残念ながら、これは通常のフレームワークのみを使用して機能し、サポートライブラリのフレームワークを使用しませんでした。

ここにテーマがあります:

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>

value-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);
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.