工具欄無法正常顯示

我對android開發相當陌生，而且在完成我的第一個應用程序之前必須創建的最後一個活動之一出現問題。我的瀏覽結果類中的工具欄顯示的大小不正確。 Here is how it looks.工具欄無法正常顯示

這裏是我的activity_browse_results.xml：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/activity_valid_acronym" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 


    tools:context="com.redacted.CSRenA.acronymlookup.BrowseResults"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_above="@+id/textViewA" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_marginBottom="93dp" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="56dp" 
      android:background="?attr/colorPrimary" 
      app:popupTheme="@style/AppTheme.PopupOverlay" /> 

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

    <TextView 
     android:text="" 
     android:layout_width="700dp" 
     android:layout_height="wrap_content" 
     android:id="@+id/textViewA" 
     android:textAppearance="@style/TextAppearance.AppCompat.Body1" 
     android:textAlignment="center" 
     android:textSize="30sp" 
     android:layout_marginTop="28dp" 
     android:layout_below="@+id/frameLayout2" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" /> 

    <TextView 
     android:text="" 
     android:layout_width="700dp" 
     android:layout_height="wrap_content" 
     android:id="@+id/textViewB" 
     android:textAppearance="@style/TextAppearance.AppCompat.Body2" 
     android:textAlignment="center" 
     android:textSize="24sp" 
     android:layout_marginTop="35dp" 
     android:layout_below="@+id/textViewA" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" /> 



    <ImageButton 
     android:id="@+id/share2" 
     android:layout_width="70dp" 
     android:layout_height="70dp" 
     android:background="@mipmap/ic_share" 
     android:contentDescription="Share button. Click to share this Glossary Term and Definition" 
     android:text="Share" 
     android:layout_alignParentBottom="true" 
     android:layout_toLeftOf="@+id/home3" 
     android:layout_toStartOf="@+id/home3" /> 

    <ImageButton 
     android:id="@+id/home3" 
     android:layout_width="70dp" 
     android:layout_height="70dp" 
     android:background="@mipmap/ic_home" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentRight="true" 
     android:text="Button" /> 

    <TextView 
     android:id="@+id/asdkjf" 
     android:layout_width="700dp" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="29dp" 
     android:textAlignment="center" 
     android:textSize="18sp" 
     android:layout_below="@+id/textViewB" 
     android:layout_centerHorizontal="true" /> 

    <ImageView 
     android:id="@+id/imageView300" 
     android:layout_width="160dp" 
     android:layout_height="80dp" 
     android:cropToPadding="false" 
     android:scaleType="centerCrop" 
     app:srcCompat="@mipmap/ic_logo" 
     android:layout_alignTop="@+id/share2" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" /> 
    <FrameLayout 
     android:layout_width="0dp" 
     android:layout_height="134dp" 
     tools:layout_editor_absoluteY="8dp" 
     tools:layout_editor_absoluteX="8dp" 
     android:id="@+id/frameLayout2"> 

    </FrameLayout> 

    <ImageView 
     android:id="@+id/imageView9000" 
     android:layout_width="wrap_content" 
     android:layout_height="500dp" 
     android:scaleType="fitCenter" 
     app:srcCompat="@drawable/eagle" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" /> 

    <include 
     layout="@layout/content_browse_results" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 

    </RelativeLayout>

這裏是我的content_browse_results.xml：

<?xml version="1.0" encoding="utf-8"?> 
<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" 
    tools:context="com.redacted.CSRenA.acronymlookup.BrowseResults" 
    > 
</android.support.constraint.ConstraintLayout>

請讓我知道是否需要任何其他信息，以幫助解決這個問題。

來源

2017-07-18 CSRenA

簡單地不添加填充到根佈局（RelativeLayout） – 0X0nosugar

這固定了寬度問題，但即使將它設置爲56dp，但條高仍然有點小。有任何想法嗎？ – CSRenA

我可能是錯的，但它看起來像你的ConstraintLayout是在其他東西（RelativeLayout中的最後一個元素）之上繪製的，所以你會看到的工具欄是來自content_browse_results.xml的工具欄對於這個工具欄，你沒有指定高度56dp。如果我在那裏錯誤的軌道上，我的建議是使用LayoutInspector（AndroidStudio：工具 - > Android-> LayoutInspector），並驗證事情是你期望他們。 – 0X0nosugar

0X0nosugar幫我解決了這個問題。爲了解決這個問題，我刪除了RelativeLayout中的填充。由於它位於RelativeLayout的內部，因此填充是向下推動工具欄。在此之後，剩下的唯一問題就是工具欄的高度，因爲雖然寬度問題已得到糾正，但它通常較短。爲了解決這個問題，我從AppBarLayout標籤中刪除了以下代碼。

 android:layout_above="@+id/textViewA" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_marginBottom="93dp"

之後，工具欄顯示正確。

來源

2017-07-18 19:36:38 CSRenA

工具欄無法正常顯示

回答

相關問題