MaterialCardView内部的子视图缩小和消失

时间:2019-01-03 15:36:15

标签: android xamarin.forms xamarin.android android-cardview

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

点击几下

Issue_image

我尝试使用其他可以工作的布局RelativeLayout,并且还尝试增加LinearLayout的高度和宽度,并如上所述将padding设置为min到min,这也没有用,在调试时我注意到Padding得到了为MaterialCardView触发,可能导致其缩小。 还尝试将cardview的padding设置为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

1 个答案:

答案 0 :(得分:3)

该类似乎存在一个问题,导致其内容填充在更改StrokeWidth值之后不断增加。

每次使用以下代码行将StrokeWith设置为 0 时,尝试重置 ContentPadding

material_card.SetContentPadding(0, 0, 0, 0);

希望这会有所帮助。-