【问题标题】:Android – MapFragment overlay button shadow, just like MyLocation buttonAndroid - MapFragment 覆盖按钮阴影,就像 MyLocation 按钮
【发布时间】:2016-01-15 02:20:46
【问题描述】:

我正在努力为谷歌地图上的自定义叠加按钮添加阴影。我的目标是让我的自定义按钮看起来就像 Google 的 MyLocation 按钮。这是我的应用现在的样子:

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>

我已经尝试更改 ImageButton 上的 android:elevation 值。不幸的是,添加高程值似乎不会给按钮添加阴影。有没有办法给我的 mapbutton drawable 添加阴影?

【问题讨论】:

    标签: java android material-design mapfragment mylocationoverlay


    【解决方案1】:

    来自here 对我有用的是:

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

    【讨论】:

      【解决方案2】:

      试试这个代码

      <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>
      

      我希望它会。

      【讨论】:

      • 阴影看起来不像 Google 按钮上的那个。阴影需要更柔和。
      • 我刚刚给出了一个解决方案..你想根据需要更改颜色、填充和半径.......如果答案有用,请点赞
      • 我明白这一点。但我的观点是,位置按钮的阴影不是纯色,嗯,它是一个阴影——我不知道如何实现这种效果。
      猜你喜欢
      • 2014-08-20
      • 1970-01-01
      • 2016-08-17
      • 1970-01-01
      • 2015-04-28
      • 2015-04-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多