MaterialCardView 内的子视图缩小并消失
Child views inside MaterialCardView shrinking and vanishing
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 到最小,如上所示,这也不起作用,调试时我注意到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
此 class 似乎存在问题,导致其内容填充在更改 StrokeWidth
值后不断增加。
每次使用这行代码将 StrokeWith
设置为 0 时,请尝试重置 ContentPadding:
material_card.SetContentPadding(0, 0, 0, 0);
希望对您有所帮助。-
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 到最小,如上所示,这也不起作用,调试时我注意到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
此 class 似乎存在问题,导致其内容填充在更改 StrokeWidth
值后不断增加。
每次使用这行代码将 StrokeWith
设置为 0 时,请尝试重置 ContentPadding:
material_card.SetContentPadding(0, 0, 0, 0);
希望对您有所帮助。-