如何删除Cardview和按钮之间的空间

时间:2019-05-03 13:18:40

标签: android xml android-layout android-cardview cardview

我想删除CardView内的多余空间,以使按钮没有如图所示的白色边框。该图像是从我的平板电脑上捕获的,但是布局在5英寸移动设备上看起来都很好

![https://ibb.co/yYvGkS3

<LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <android.support.v7.widget.CardView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="25dp"
                android:layout_marginTop="10dp"
                android:layout_marginEnd="10dp"
                android:layout_marginBottom="10dp"
                android:layout_weight="1"
                app:cardCornerRadius="20dp"
                app:cardElevation="10dp">

                <com.balysv.materialripple.MaterialRippleLayout
                    style="@style/RippleStyleWhite"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:background="@drawable/twitter_button"
                        android:drawableStart="@drawable/ic_twitter"
                        android:drawableTint="@android:color/white"
                        android:paddingStart="10dp"
                        android:text="Twitter"
                        android:textColor="@android:color/white"
                        android:textStyle="bold" />

                </com.balysv.materialripple.MaterialRippleLayout>

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

            <android.support.v7.widget.CardView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="25dp"
                android:layout_marginTop="10dp"
                android:layout_marginEnd="25dp"
                android:layout_marginBottom="10dp"
                android:layout_weight="1"
                app:cardCornerRadius="20dp"
                app:cardElevation="10dp">

                <com.balysv.materialripple.MaterialRippleLayout
                    style="@style/RippleStyleWhite"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:background="@drawable/facebook_button"
                        android:drawableStart="@drawable/ic_facebook"
                        android:drawableTint="@android:color/white"
                        android:paddingStart="10dp"
                        android:text="Facebook"
                        android:textColor="@android:color/white"
                        android:textStyle="bold" />

                </com.balysv.materialripple.MaterialRippleLayout>

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

        </LinearLayout>

这是CardViews和按钮的代码。我没有粘贴整个布局代码,因为我认为这不会影响我的问题,并且我尝试更改按钮的边距,但没有解决我的问题

1 个答案:

答案 0 :(得分:0)

从库文档中可以发现,没有必要提及可以完全删除cardview的地方,因为这似乎没有必要。您可以删除卡片视图并将按钮直接括在MaterialRippleLayout中,以达到波纹效果。在https://github.com/balysv/material-ripple处检查库描述。