实现自定义动作栏android的问题

Question

I've created a custom action bar layout below. I want to implement this for one of my activities (the aim is to have it for all the activities but I'm testing with one for now). I use the following code to do this:

  public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_display_all_bets); getSupportActionBar().setDisplayShowHomeEnabled(false); getSupportActionBar().setDisplayShowTitleEnabled(false); LayoutInflater mInflater = LayoutInflater.from(this); View customView=getLayoutInflater().inflate(R.layout.action_bar, null); getSupportActionBar().setCustomView(customView); getSupportActionBar().setDisplayShowCustomEnabled(true); } 

However, instead of getting the actionbar, I get a mashup of things looking like this which doesn't even fill the full width of the screen.

action_bar.xml

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="120dp" android:weightSum="100" android:background="#27044A" android:orientation="vertical"> <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_weight="15" android:layout_height="wrap_content"> <LinearLayout android:orientation="vertical" android:layout_width="wrap_content" android:layout_weight="30" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:textAlignment="center" android:textColor="#d35400" android:textStyle="bold" android:text="User"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:textColor="#d35400" android:layout_gravity="center_vertical" android:text="tester@tester.com"/> </LinearLayout> <LinearLayout android:orientation="vertical" android:layout_weight="25" android:layout_width="wrap_content" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:textAlignment="center" android:textColor="#d35400" android:textStyle="bold" android:text="Coins"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:textColor="#d35400" android:text="60000"/> </LinearLayout> <LinearLayout android:orientation="vertical" android:layout_width="wrap_content" android:layout_weight="25" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:textAlignment="center" android:textStyle="bold" android:textColor="#d35400" android:text="Winnings"/> <TextView android:layout_width="match_parent" android:textColor="#d35400" android:layout_height="wrap_content" android:gravity="center_horizontal" android:text="35000"/> </LinearLayout> <LinearLayout android:orientation="vertical" android:layout_width="wrap_content" android:layout_weight="20" android:layout_height="match_parent"> <Button android:layout_width="match_parent" android:layout_height="33dp" android:text="Logout" android:textColor="#ffd35400" android:textSize="13sp"/> </LinearLayout> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="85" android:orientation="horizontal" android:weightSum="100"> <LinearLayout android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="20" android:background="@drawable/selector" android:orientation="vertical" android:weightSum="100"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/football50" android:layout_weight="93"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="7" android:textStyle="bold" android:textColor="#d35400" android:text= "Bet Now!" android:gravity="center"/> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="20" android:background="@drawable/selector" android:orientation="vertical" android:weightSum="100"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:src = "@drawable/chip50" android:layout_weight="93"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text = "My Bets" android:textStyle="bold" android:gravity="center" android:textColor="#d35400" android:layout_weight="7"/> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="20" android:background="@drawable/selector" android:orientation="vertical" android:weightSum="100"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/clover50" android:layout_weight="93"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text = "Coin Frenzy" android:textStyle="bold" android:gravity="center" android:textColor="#d35400" android:layout_weight="7"/> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="fill_parent" android:background="@drawable/selector" android:layout_weight="20" android:orientation="vertical" android:weightSum="100"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/trophy50" android:layout_weight="93"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text = "Rankings" android:textStyle="bold" android:gravity="center" android:textColor="#d35400" android:layout_weight="7"/> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_weight="20" android:orientation="vertical" android:background="@drawable/selector" android:weightSum="100"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/moneybag50" android:layout_weight="93"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Shop" android:textStyle="bold" android:textColor="#d35400" android:gravity="center" android:layout_weight="7"/> </LinearLayout> </LinearLayout> </LinearLayout> 

Intended look

Answer 1

What do you mean by it not filling the width of the screen? The mashup is because you're trying to squeeze so many nested LinearLayouts and things together into one ActionBar. The three dots on the right is the overflow menu (which you can disable).

Check out the Android design guidelines for proper uses of the Toolbar (since ActionBar is deprecated). I think that you have more of a design issue than a programming issue.

Answer 2

You are trying to add lot of views in the action bar.Usually the action bar layout is simple and clean.Mostly the action bar purpose is to show important updates and navigational views. If you still need this GUI, I think you can discard this action bar GUI and instead create reusable custom layout and place it on top of every activity.