एंड्रॉइड टूलबार: पृष्ठभूमि में छवि के साथ टूलबार और शीर्ष

Question

पर सामग्री आइटम के साथ टूलबार कैसे करें सामग्री डिज़ाइन का उपयोग पृष्ठभूमि छवि के साथ टूलबार बनाने का तरीका।

मैं निम्नलिखित कोड कोशिश कर रहा हूँ:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/actionBar" 
    android:layout_width="match_parent" 
    android:layout_height="200dp" 
    app:contentInsetEnd="0dp" 
    app:contentInsetStart="0dp" 
    android:minHeight="200dp"> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/imageViewplaces" 
     android:src="@drawable/puri" 
     android:layout_gravity="center"/> 

</android.support.v7.widget.Toolbar> 

और क्या मैं हो रही है है:

Answer 1

आप .setBackground(...) समारोह का उपयोग करने पर एक imageView के प्रयोग पर जोर देते हैं, तो कह सकते हैं।

आप Toolbar डालने एक ImageView इस तरह के साथ एक RelativeLayout उपयोग करने का प्रयास कर सकते हैं:

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

    <ImageView 
     android:id="@+id/imageViewplaces" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:adjustViewBounds="true" 
     android:src="@drawable/YOUR_IMAGE" /> 

    <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/toolbar_actionbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     > 

    </android.support.v7.widget.Toolbar> 


</RelativeLayout> 

Answer 2

निम्नलिखित मैं क्या चाहते है एक तत्व बुद्धि जोड़ने के बजाय टूलबार में छवि छवि को टूलबार की पृष्ठभूमि, नीचे कोड के रूप में जोड़ें।

<android.support.v7.widget.Toolbar  
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/actionBar" 
    android:layout_width="match_parent" 
    android:layout_height="200dp" 
    app:contentInsetEnd="0dp" 
    app:contentInsetStart="0dp" 
    android:background="@drawable/puri" 
    android:minHeight="200dp"> 

    </android.support.v7.widget.Toolbar> 

आप जावा कोड में इसे बदलना चाहते हैं, तो आप toolbar.setBackground(ContextCompat.getDrawable(yourcontext, R.drawable/puri);

Answer 3

एक और अधिक उचित समाधान एक AppBarLayout उपयोग करने के लिए होगा:

<android.support.design.widget.AppBarLayout 
    android:id="@+id/appbarlayout" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:fitsSystemWindows="true" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
    > 
    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
    <ImageView 
     android:layout_width="match_parent" 
     android:layout_height="?android:attr/actionBarSize" 
     android:src="@drawable/bg" 
     android:scaleType="centerCrop"/> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 
    </RelativeLayout> 
</android.support.design.widget.AppBarLayout>