アクションバーにカスタム検索を表示したい(そのためにActionBarSherlockを使用している)。
了解:
しかし、利用可能な幅全体を占めるようにカスタムレイアウト(エディットテキストフィールド)を作成します。
here のようにカスタムレイアウトを実装しました。
カスタムレイアウト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
の利用可能な幅をすべて占有するようにカスタムレイアウトを作成するにはどうすればよいですか?
助けてください。
これにはトリックがあります。必要なことは、メインコンテナとして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のソリューションも使用する必要がある場合があります)。
これが私にとっての仕組みです(上記の回答から、デフォルトのタイトルとカスタムビューの両方が表示されていました)。
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)
カスタムビューでネイティブ(タイトル)を非表示にすることもアクションバー全体を占めるようにしたい場合、TomikとPeterdkからの回答が機能します。
ただし、カスタムビューをタイトルと並べて表示する(およびタイトルが表示された後、残りのすべてのスペースを埋める)場合は、ユーザーAndroid-Developerからの素晴らしい回答を参照してください。
https://stackoverflow.com/a/16517395/61488
一番下の彼のコードは私にとって完璧に機能しました。
たとえば、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」)内の例があります。
この例は、これが機能するためにカスタマイズしたテーマを設定する必要があることを示しています。悲しいことに、これは通常のフレームワークのみを使用して機能し、サポートライブラリのフレームワークは使用しませんでした。
テーマは次のとおりです。
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);