android - MaterialCardView 内的子视图缩小和消失

问题描述

android.support.design.card.MaterialCardView已在本机axml布局中使用并具有如下子视图，我的目标是在发生某些事件时不断切换边框，即中风，例如：按钮单击并还原它，但是strokeWidth子视图中的每一次变化都会逐渐缩小，最后是宽度和高度变为 0 使内部视图完全消失。

MaterialCardView 布局代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.card.MaterialCardView  
              xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:layout_margin="10dp"
              app:cardCornerRadius="10dp"
              app:strokeColor="#123456"
              app:strokeWidth="3dp"
              android:id="@+id/material_card"
              android:padding="5dp"
              android:layout_gravity="center_horizontal">
              <LinearLayout android:layout_width="fill_parent"
                              android:layout_height="240dp"
                              android:orientation="vertical"
                            android:padding="8dp"
                            android:id="@+id/linearLayoutCard">
                <Button android:id="@+id/button"
                        android:text="Click me"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"/>
                <TextView android:id="@+id/textview"
                          android:text ="Border in"
                          android:layout_below="@id/button"
                          android:layout_width="fill_parent"
                          android:layout_height="wrap_content"/>
              </LinearLayout>
</android.support.design.card.MaterialCardView>

PageRenderer 代码

  public void OnClick(Android.Views.View v)
        {
            // throw new NotImplementedException();
            if (_yes)
            {
                material_card.StrokeColor = Android.Graphics.Color.ParseColor("#FFFFFF");
                material_card.StrokeWidth = 0;
                //material_card.LayoutParameters.LayoutAnimationParameters
                linearLayoutCard?.SetMinimumHeight(material_card.Height+20);
                linearLayoutCard?.SetMinimumWidth(material_card.Width+20);
                linearLayoutCard.SetPadding(0, 0, 0, 0);
                textview.Text = "Border out";
                _yes = false;
               // return true;
            }
            else
            {
                material_card.StrokeColor = Android.Graphics.Color.ParseColor("#123456");
                material_card.StrokeWidth = 20;
                linearLayoutCard?.SetMinimumHeight(material_card.Height);
                linearLayoutCard?.SetMinimumWidth(material_card.Width);
                linearLayoutCard.SetPadding(0, 0, 0, 0);
                textview.Text = "Border in";
                _yes = true;
                //return true;
            }
        }

点击几下后：

我尝试使用其他有效的布局RelativeLayout，还尝试增加 LinearLayout 的高度和宽度，并将填充设置为 0 到 min ，如上所示，这也不起作用，在调试时我注意到 Padding 被触发MaterialCardView并且可能导致它缩小它下来。还尝试将cardview的填充设置为0，但仍然没有运气。

material_card.SetPadding(0, 0, 0, 0);
linearLayoutCard.LayoutParameters.Width = material_card.Width;
linearLayoutCard.LayoutParameters.Height =material_card.Height;

为什么内部视图没有设置为更高的宽度，因为它映射到match_parent/ fill_parent？

Github 上的完整代码：github.com/pmahend1/TestMaterialCardView

标签： androidxamarin.formsxamarin.androidandroid-cardview

android - MaterialCardView 内的子视图缩小和消失

问题描述

解决方案

推荐阅读