折叠工具栏标题与我的菜单图标重叠

我正在使用当前正在处理的项目中的折叠工具栏。我从我的代码设置折叠工具栏的标题，但问题是如果标题太大，那么它与我的菜单图标在工具栏中重叠。那么我该如何解决这个问题？折叠工具栏标题与我的菜单图标重叠

标题重叠与菜单图标：

我的XML代码：

<android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="205dp" 
     android:fitsSystemWindows="true" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/agent_profile_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:fitsSystemWindows="true" 
      app:contentScrim="?attr/colorPrimary" 
      app:expandedTitleMarginBottom="87dp" 
      app:expandedTitleMarginStart="130dp" 
      app:expandedTitleTextAppearance="@style/expandedappbar" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed"> 

      <RelativeLayout 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="#fff" 
       android:fitsSystemWindows="true" 
       app:layout_collapseMode="parallax"> 

       <ImageView 
        android:id="@+id/backdrop" 
        android:layout_width="match_parent" 
        android:layout_height="170dp" 
        android:fitsSystemWindows="true" 
        android:scaleType="centerCrop" 
        android:src="@drawable/back" /> 

       <RelativeLayout 
        android:layout_width="match_parent" 
        android:layout_height="170dp" 
        android:background="#66000000"> 

        <LinearLayout 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:layout_alignParentBottom="true" 
         android:layout_marginBottom="8dp" 
         android:layout_marginLeft="130dp" 
         android:orientation="vertical"> 

         <TextView 
          android:id="@+id/lbl_agent_profile_position" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_below="@+id/lbl_agent_profile_Name" 
          android:layout_marginBottom="5dp" 
          android:ellipsize="end" 
          android:maxLines="1" 
          android:text="Real Estate Professional at Exit Alliance Realty" 
          android:textAppearance="?android:attr/textAppearanceSmall" 
          android:textColor="#fff" 
          android:textSize="12sp" 
          android:typeface="sans" /> 


         <TextView 
          android:id="@+id/lbl_agent_profile_ibaaxid" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:background="#33ffffff" 
          android:paddingBottom="1dp" 
          android:paddingEnd="3dp" 
          android:paddingLeft="3dp" 
          android:paddingRight="3dp" 
          android:paddingStart="3dp" 
          android:paddingTop="1dp" 
          android:text="iBaax ID : 123456789" 
          android:textAppearance="?android:attr/textAppearanceSmall" 
          android:textColor="#fff" 
          android:textSize="12sp" 
          android:typeface="sans" /> 
        </LinearLayout> 
       </RelativeLayout> 

       <LinearLayout 
        android:id="@+id/lnr_img" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="2dp" 
        android:background="#fff" 
        android:layout_marginLeft="10dp" 
        android:layout_marginStart="10dp" 
        android:layout_alignParentBottom="true" 
        android:layout_alignParentLeft="true" 
        android:layout_alignParentStart="true"> 

        <ImageView 
         android:id="@+id/img_agent_profile_image" 
         android:layout_width="110dp" 
         android:layout_height="110dp" 

         android:scaleType="centerCrop" 
         android:src="@drawable/no_profile" /> 
       </LinearLayout> 


       <Button 
        android:layout_width="wrap_content" 
        android:layout_height="22dp" 
        android:layout_below="@+id/backdrop" 
        android:layout_marginLeft="8dp" 
        android:layout_marginTop="8dp" 
        android:layout_toRightOf="@+id/lnr_img" 
        android:background="#4d6088" 
        android:paddingEnd="3dp" 
        android:paddingLeft="3dp" 
        android:paddingRight="3dp" 
        android:paddingStart="3dp" 
        android:text="Write Review" 
        android:textAllCaps="false" 
        android:textSize="12sp" /> 
      </RelativeLayout> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:layout_collapseMode="pin" 
       app:popupTheme="@style/AppTheme.PopupOverlay" /> 

     </android.support.design.widget.CollapsingToolbarLayout> 
    </android.support.design.widget.AppBarLayout>

在我活动的onCreate方法的代码：

setContentView(R.layout.activity_agent_profile2); 
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 
    setSupportActionBar(toolbar); 
    getSupportActionBar().setDisplayHomeAsUpEnabled(true); 
    //getSupportActionBar().setTitle("Name"); 
    agent = (Agent) getIntent().getSerializableExtra("Agent"); 
    CollapsingToolbarLayout collapsingToolbar = 
      (CollapsingToolbarLayout) findViewById(R.id.agent_profile_toolbar); 
    collapsingToolbar.setTitle(agent.name);

来源

2016-04-19 Shafayat Mamun

为ellipsize工作尽量给予标题TextView的 –

固定宽度没有TextView的我的标题。我直接从我的代码中使用collapsetoolbar.setTitle（“”）; –

我修正了它。我不是为什么它能够工作。我必须为expandedTitle和collapseTitle分别使用不同的textSizes。如果他们是相同的textSizes那么它会工作。下面是我下面的款式，

<style name="expandedappbar" parent="@android:style/TextAppearance.Medium"> 
    <item name="android:textSize">20sp</item> 
    <item name="android:textStyle">bold</item> 
    <item name="android:ellipsize">end</item> 
    <item name="android:maxLines">1</item> 
    <item name="android:width">100dp</item> 
</style> 
<style name="collapseappbar" parent="@android:style/TextAppearance.Medium"> 
    <item name="android:textSize">18sp</item> 
    <item name="android:textStyle">bold</item> 
</style>

和布局：

<android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/agent_profile_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:fitsSystemWindows="true" 
      app:contentScrim="?attr/colorPrimary" 
      app:expandedTitleMarginBottom="87dp" 
      app:expandedTitleMarginStart="130dp" 
      app:expandedTitleTextAppearance="@style/expandedappbar" 
      app:collapsedTitleTextAppearance="@style/collapseappbar" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed">

和屏幕截图，以证明它的工作原理，

来源

2016-04-19 10:52:19

不适用于我。支持lib版本是'25.2.0' – danik

这不起作用？

getSupportActionBar（）。setTitle（“LongTitle”）;

来源

2016-04-19 10:03:41

不，它没有。标题完全消失。 –

您需要在CollapsingAppBar上设置标题，而不是在工具栏上。 – Booger

我的解决办法是听倒塌的CollapsingToolbarLayout进展。当它完全崩溃我禁用AppBarLayout标题并将其设置为活动：

@Override 
public void onAppBarOffsetChanged(AppBarLayout appBarLayout, int offset) { 
    boolean collapsed = offset == appBarLayout.getTotalScrollRange(); 
    collapsingToolbarLayout.setTitleEnabled(!collapsed); 
    getActivity().setTitle(collapsed ? title : null); 
}

来源

2017-06-07 12:41:19 danik

折叠工具栏标题与我的菜单图标重叠

回答

相关问题