2017-10-04 163 views
-4

我有两个具有自定义背景的按钮。然而,底部背景背后有灰色阴影。获取奇怪背景的Android按钮

I've already tried How to remove grey shadow color below FloatingActionButton but it didn't work

这是我的代码:

green_button_style.xml

<?xml version="1.0" encoding="utf-8"?> 

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true"> 
     <shape> 
      <corners android:radius="50dp" /> 
      <solid android:color="#62741A" /> 
     </shape> 
    </item> 

    <item android:state_pressed="false"> 
     <shape> 
      <corners android:radius="50dp" /> 
      <solid android:color="#8DA626" /> 
     </shape> 
    </item> 
</selector> 

这是按钮XML

<Button 
    android:id="@+id/btnDimensions" 
    android:layout_height="wrap_content" 
    android:layout_width="0dp" 
    android:gravity="center" 
    android:layout_marginLeft="2dp" 
    android:layout_marginStart="2dp" 
    android:layout_marginRight="2dp" 
    android:layout_marginEnd="2dp" 
    android:padding="10sp" 
    android:textSize="18sp" 
    android:textColor="#ffffff" 
    android:background="@drawable/green_button_style" 
    android:layout_weight="1" 
    android:text="Dimensions" 
/> 

enter image description here

编辑

这里的整个布局代码:

<?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:layout_width="match_parent" 
 
    android:layout_height="match_parent" 
 
    tools:context="com.mridulahuja.kudamm.activities.ComponentDetailsActivity"> 
 

 
    <ImageView 
 
     android:layout_width="match_parent" 
 
     android:layout_height="match_parent" 
 
     android:src="@drawable/light_green_background" 
 
     android:scaleType="fitXY" 
 
     android:alpha="0.5" 
 
     app:layout_constraintLeft_toLeftOf="parent" 
 
     app:layout_constraintTop_toTopOf="parent" 
 
     app:layout_constraintBottom_toBottomOf="parent" /> 
 

 
    <ScrollView 
 
     android:id="@+id/scrollView" 
 
     android:layout_width="match_parent" 
 
     android:layout_height="match_parent" 
 
     android:layout_marginTop="8dp" 
 
     android:background="@null" 
 
     android:scrollbars="vertical" 
 
     app:layout_constraintHorizontal_bias="1.0" 
 
     app:layout_constraintLeft_toLeftOf="parent" 
 
     app:layout_constraintRight_toRightOf="parent" 
 
     app:layout_constraintTop_toTopOf="parent"> 
 

 
     <TableLayout 
 
      android:layout_width="match_parent" 
 
      android:layout_height="wrap_content" 
 
      android:animateLayoutChanges="true"> 
 

 
      <TableRow 
 
       android:layout_width="match_parent" 
 
       android:layout_height="wrap_content" 
 
       android:gravity="center"> 
 

 
       <com.mridulahuja.kudamm.tools.SquareImageView 
 
        android:id="@+id/imgComponent" 
 
        android:layout_width="match_parent" 
 
        android:layout_height="wrap_content" 
 
        android:background="@null" 
 
        android:padding="5dp" /> 
 
      </TableRow> 
 

 
      <TableRow 
 
       android:layout_width="match_parent" 
 
       android:layout_height="wrap_content"> 
 

 
       <View 
 
        android:layout_height="10dp" 
 
        android:layout_width="match_parent" 
 
        /> 
 

 
      </TableRow> 
 

 
      <TableRow 
 
       android:layout_width="match_parent" 
 
       android:layout_height="wrap_content"> 
 

 
       <TextView 
 
        android:id="@+id/txtComponentInfoTitle" 
 
        android:layout_width="wrap_content" 
 
        android:layout_height="wrap_content" 
 
        android:padding="5dp" 
 
        android:text="Description" 
 
        android:textColor="#000000" 
 
        android:textStyle="bold" 
 
        android:textSize="20sp" /> 
 
      </TableRow> 
 

 
      <TableRow 
 
       android:layout_width="match_parent" 
 
       android:layout_height="wrap_content"> 
 

 
       <com.mridulahuja.kudamm.tools.ExpandableTextView 
 
        android:id="@+id/txtComponentInfo" 
 
        android:layout_width="wrap_content" 
 
        android:layout_height="wrap_content" 
 
        android:padding="5dp" 
 
        android:text="component info" 
 
        android:textColor="#53524E" 
 
        android:textSize="20sp" /> 
 
      </TableRow> 
 

 
      <TableRow 
 
       android:layout_width="match_parent" 
 
       android:layout_height="wrap_content"> 
 

 
       <View 
 
        android:layout_height="10dp" 
 
        android:layout_width="match_parent" 
 
        /> 
 

 
      </TableRow> 
 

 

 
      <TableRow 
 
       android:layout_width="match_parent" 
 
       android:layout_height="wrap_content" 
 
       android:gravity="center"> 
 

 

 

 
        <Button 
 
         android:id="@+id/btnDataAtAGlance" 
 
         android:layout_height="wrap_content" 
 
         android:layout_width="0dp" 
 
         android:layout_marginLeft="2dp" 
 
         android:layout_marginStart="2dp" 
 
         android:layout_marginRight="2dp" 
 
         android:layout_marginEnd="2dp" 
 
         android:gravity="center" 
 
         android:textSize="18sp" 
 
         android:textColor="#ffffff" 
 
         android:background="@drawable/green_button_style" 
 
         android:layout_weight="1" 
 
         app:elevation="0dp" 
 
         android:text="Details" 
 
         /> 
 

 
        <Button 
 
         android:id="@+id/btnDimensionsAtAGlance" 
 
         android:layout_height="wrap_content" 
 
         android:layout_width="0dp" 
 
         android:gravity="center" 
 
         android:layout_marginLeft="2dp" 
 
         android:layout_marginStart="2dp" 
 
         android:layout_marginRight="2dp" 
 
         android:layout_marginEnd="2dp" 
 
         android:padding="10sp" 
 
         android:textSize="18sp" 
 
         android:textColor="#ffffff" 
 
         android:background="@drawable/green_button_style" 
 
         android:layout_weight="1" 
 
         app:elevation="0dp" 
 
         android:text="Dimensions" 
 
         /> 
 

 

 

 
      </TableRow> 
 

 

 
      <TableRow 
 
       android:layout_width="match_parent" 
 
       android:layout_height="wrap_content"> 
 

 
       <View 
 
        android:layout_height="10dp" 
 
        android:layout_width="match_parent" 
 
        /> 
 

 
      </TableRow> 
 

 

 

 
      <TableRow 
 
       android:layout_width="match_parent" 
 
       android:layout_height="wrap_content" 
 
       android:gravity="center"> 
 

 
       <Button 
 
        android:id="@+id/btnDownloadPdfCatalogue" 
 
        android:layout_height="wrap_content" 
 
        android:layout_width="match_parent" 
 
        android:gravity="center" 
 
        android:layout_marginLeft="15dp" 
 
        android:layout_marginStart="15dp" 
 
        android:layout_marginRight="15dp" 
 
        android:layout_marginEnd="15dp" 
 
        android:padding="10sp" 
 
        android:textSize="18sp" 
 
        android:textColor="#ffffff" 
 
        android:background="@drawable/green_button_style" 
 
        app:elevation="0dp" 
 
        android:text="PDF Catalogue" 
 
        /> 
 

 
      </TableRow> 
 

 

 
      <TableRow 
 
       android:layout_width="match_parent" 
 
       android:layout_height="wrap_content"> 
 

 
       <View 
 
        android:layout_height="10dp" 
 
        android:layout_width="match_parent" 
 
        /> 
 

 
      </TableRow> 
 

 
     </TableLayout> 
 

 

 
    </ScrollView> 
 

 

 
</RelativeLayout>

+0

小心解释downvote? – mrid

+0

什么是您的父母布局背景颜色。我认为这是父母的颜色。 –

+1

不要担心downvote在这里,有些人太聪明,不认为这些是问题,我只是回答你的问题,如果这有帮助:) –

回答

1

尝试增加风格的按钮:

<Button 
    android:id="@+id/btnDimensions" 
    android:layout_height="wrap_content" 
    android:layout_width="0dp" 
    android:gravity="center" 
    android:layout_marginLeft="2dp" 
    android:layout_marginStart="2dp" 
    android:layout_marginRight="2dp" 
    android:layout_marginEnd="2dp" 
    android:padding="10sp" 
    android:textSize="14sp" 
    android:textColor="#ffffff" 
    android:background="@drawable/green_button_style" 
    style="?android:attr/borderlessButtonStyle" 
    android:layout_weight="1" 
    android:text="Dimensions" 
    /> 

它会给与boderless背景的按钮。

+0

这给出了错误:现在找不到包含android – mrid

+0

包中的属性'style'的资源,意外地使用了'android:style'而不是'style'。在我上一个应用程序中,我使用了类似的样式,但没有显示出这个问题。任何想法为什么是这样? – mrid

+0

@mrid它在我的系统上正常工作。 :) – Umair

1

设置一个多属性按钮

android:stateListAnimator="@null" or 

android:background="@null" or setting elevation 
app:elevation