CardView无法正常扩展

时间:2018-01-11 21:17:43

标签: java android xml animation cardview

card screenshot

我有一个扩展CardView的TimerView类。它最初是折叠显示只显示第一行并且它会随时展开。问题是它没有扩展到应有的程度。在屏幕截图中,您可以看到底部图像比其他图像小,但三个图像的分辨率都相同。

以下是使其扩展的代码。点击的变量是静态的,我用它来测量卡的高度只是一次,因为所有卡都是相同的。

@Override
protected void onFinishInflate(){
    super.onFinishInflate();

    RelativeLayout upperCard = findViewById(R.id.upper_card);

    upperCard.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View view) {
                LinearLayout subCard = findViewById(R.id.sub_card);

                if(!clicked){
                    foldedHeight = getMeasuredHeightAndState();
                    subCard.measure(MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED),
                            MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
                    targetHeight = foldedHeight + subCard.getMeasuredHeightAndState();
                    clicked = true;
                }

                if(subCard.getVisibility() == View.GONE) {
                    subCard.setVisibility(View.VISIBLE);
                    ImageView arrow = findViewById(R.id.arrow);
                    arrow.setImageBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.ic_keyboard_arrow_up_black_24dp));
                    ValueAnimator valueAnimator = ValueAnimator.ofInt(foldedHeight, targetHeight);
                    valueAnimator.setDuration(200);
                    valueAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
                    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                        public void onAnimationUpdate(ValueAnimator animation) {
                            Integer value = (Integer) animation.getAnimatedValue();
                            getLayoutParams().height = value.intValue();
                            requestLayout();
                        }
                    });
                    valueAnimator.start();
                }
...

这是与TimerView相关的xml文件。

<com.whatever.marco272.timepassedsince.TimerView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardCornerRadius="5dp"
card_view:contentPadding="7dp"
card_view:cardElevation="3dp"
card_view:cardUseCompatPadding="true"
android:clickable="true"
android:foreground="?android:attr/selectableItemBackground">

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <RelativeLayout
        android:id="@+id/upper_card"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:layout_marginRight="24dp"
            android:textSize="24sp"
            android:textStyle="normal|bold"
            android:textColor="@android:color/holo_blue_dark"
            android:text="Title" />

        <TextView
            android:id="@+id/days"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/title"
            android:layout_gravity="bottom"
            android:textSize="24sp"
            android:textStyle="normal|bold"
            android:textColor="@android:color/black"
            android:text="0" />

        <ImageView
            android:id="@+id/arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:src="@drawable/ic_keyboard_arrow_down_black_24dp"/>

</RelativeLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/sub_card"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:visibility="gone">

        <TextView
            android:id="@+id/clock"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:textSize="20sp"
            android:textColor="@android:color/black"
            android:text="0" />

        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/add_button"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:layout_marginBottom="10dp"
            android:gravity="center_vertical">
            <ImageView
                android:src="@drawable/ic_add_button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="10dp"
                />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="18sp"
                android:text="Update"/>
        </LinearLayout>

        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/edit_button"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:layout_marginBottom="10dp"
            android:gravity="center_vertical">
            <ImageView
                android:src="@drawable/ic_edit_button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="10dp" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="18sp"
                android:text="Edit"/>
        </LinearLayout>

        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/delete_button"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:gravity="center_vertical">
            <ImageView
                android:src="@drawable/ic_delete_button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="10dp" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="18sp"
                android:text="Delete"/>
        </LinearLayout>

    </LinearLayout>
</LinearLayout>

1 个答案:

答案 0 :(得分:0)

我怀疑这与-9的填充有关。在Lollipop之前的API级别上,CardView会覆盖您为了插入卡而设置的填充(以便它可以在视图的界限内绘制&#34;阴影&#34; )。由于您已经设置了CardView属性,因此在Lollipop及以上版本中也会

我相信这个填充代表了#34;缺失&#34;扩展时的高度。