2015-10-16 111 views
1

我很努力地在我的自定義覆蓋按鈕上添加陰影來覆蓋谷歌地圖。我的目標是讓我的自定義按鈕看起來就像Google的MyLocation按鈕。這裏是我的應用程序看起來像現在:Android - MapFragment覆蓋按鈕陰影,就像MyLocation按鈕

enter image description here

layout.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    xmlns:map="http://schemas.android.com/apk/res-auto" 
    android:layout_height="match_parent" 
    android:layout_width="match_parent" 
    style="@style/AppTheme"> 

    <fragment 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:id="@+id/map" 
     tools:context=".MapsActivity" 
     android:name="com.google.android.gms.maps.SupportMapFragment" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentStart="true" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentTop="true" /> 


    <ImageButton 
     android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:id="@+id/button" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentEnd="true" 
     android:layout_marginTop="10dp" 
     android:layout_marginRight="10dp" 
     android:src="@drawable/ic_search_black_24dp" 
     android:tint="@color/icon_gray" 
     android:onClick="searchButtonClicked" 
     android:background="@drawable/mapbutton" 
     /> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
     <com.quinny898.library.persistentsearch.SearchBox 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:id="@+id/searchbox" 
      /> 

    </LinearLayout> 

</RelativeLayout> 

mapbutton.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_enabled="false"> 
     <shape android:shape="rectangle"> 
      <corners android:radius="1.3dp" /> 
      <solid android:color="#55FFFFFF" /> 
     </shape> 
    </item> 
    <item 
     android:state_pressed="true" 
     android:state_enabled="true"> 
     <shape android:shape="rectangle"> 
      <corners android:radius="1.3dp" /> 
      <solid android:color="#ccb3b3b3" /> 
     </shape> 
    </item> 
    <item 
     android:state_focused="true" 
     android:state_enabled="true"> 
     <shape android:shape="rectangle"> 
      <corners android:radius="1.3dp" /> 
      <solid android:color="#A9FFFFFF" /> 
     </shape> 
    </item> 
    <item android:state_enabled="true"> 
     <shape android:shape="rectangle"> 
      <corners android:radius="1.3dp" /> 
      <solid android:color="#baffffff" /> 
     </shape> 
    </item> 
</selector> 

我已經試圖改變Android的:在ImageButton的高程值。不幸的是,添加高程值似乎並沒有給按鈕添加陰影。有沒有辦法給我的mapbutton drawable添加陰影?

回答

0

試試這個代碼

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item> 
<layer-list> 
<item android:left="5dp" android:top="5dp"> 
<shape> 
<corners android:radius="3dp"/> 
<solid android:color="#D6D6D6"/> 
</shape> 
</item> 
<item android:bottom="2dp" android:right="2dp"> 
<shape> 
<gradient android:angle="270" android:endColor="#DC5F0A" android:startColor="#E68F54"/> 
<!-- 
<stroke android:width="1dp" android:color="#BABABA" /> 
--> 
<corners android:radius="4dp"/> 
<padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp"/> 
</shape> 
</item> 
</layer-list> 
</item> 
</selector> 

我希望它會。

+0

陰影並沒有真正看起來像谷歌的按鈕之一。陰影需要更柔和。 – szymciolop

+0

我剛剛給出了一個解決方案..你想改變顏色,填充和半徑,因爲你需要..........如果答案是有用的upvote它 –

+0

我明白這一點。但我的觀點是,位置按鈕的陰影不是純色,它是一個陰影 - 我不知道如何實現這種效果。 – szymciolop

0

here什麼工作對我來說是:

<ImageButton 
    android:clipToPadding="false" 
    android:outlineProvider="bounds" 
    android:elevation="2dp" />