Question

在开发我的应用程序的过程中，我创建了一个带有可扩展CardViews的RecyclerView，然后提到了＆＃34;嘿，为什么升高有点变化，而我只是动画的垂直尺寸卡和扩展名的不透明度？＆＃34; 。

然后我发现它不是一个高度变化的东西 - 它只是一个阴影变了。

有人听说过这个吗？它只是界面绘图的未描述的东西吗？我对酷炫的功能没有异议，但它让我感到有点困惑（我甚至花了大约一个小时的时间在谷歌的指南上找到它的相关信息）

我已经分享了代码，这些代码证明了＆＃34;高度影响阴影绘图＆＃34;但是，如果有这些信息，请分享一些信息。更多的事情背后的事情。

Answer 1

在Material Design中，有2个光源：

键灯-屏幕上方（头顶）约45°的尖锐光源
环境光-垂直于屏幕（头后）的柔和弱光源

按键灯的阴影占主导地位。

此模型在Android UI中实现。现在，键光发出的光以与底部的元素不同的角度撞击屏幕顶部附近的元素，因此阴影也相应地以不同的角度投射，就像在现实中一样-材质设计的意图。

实际上：元素越靠近底部，元素底部边缘的阴影越浓，顶部边缘越浅。

请参见Material Design: Environment: Light and shadows: Light

^{图片链接自：https://touchlab.co/2016-1-consistent-lighting-in-material-design/}

Answer 2

<强> activity_main.xml中

Object.h

<强> MainActivity.java

<FrameLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent" android:layout_height="match_parent">
    <android.support.v7.widget.CardView android:id="@+id/dumb_card"
                                        android:layout_margin="16dp"
                                        tools:cardCornerRadius="4dp"
                                        android:layout_width="match_parent" android:layout_height="wrap_content">
        <LinearLayout android:orientation="vertical"
                      android:layout_width="match_parent" android:layout_height="match_parent">

            <SeekBar android:id="@+id/heighter"
                     android:layout_margin="16dp"
                     android:layout_width="match_parent" android:layout_height="wrap_content"/>

            <SeekBar android:id="@+id/elevator"
                     android:layout_margin="16dp"
                     android:layout_width="match_parent" android:layout_height="wrap_content"/>

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

<强> 的AndroidManifest.xml

public class MainActivity extends Activity {
    CardView card;
    SeekBar  heighter;
    SeekBar  elevator;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //card
        card = (CardView) findViewById(R.id.dumb_card);

        //card height
        heighter = (SeekBar) findViewById(R.id.heighter);
        heighter.setMax(2500);
        heighter.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                ViewGroup.LayoutParams lp = card.getLayoutParams();
                lp.height = progress;
                card.setLayoutParams(lp);
            }
            public void onStartTrackingTouch(SeekBar seekBar) {}
            public void onStopTrackingTouch(SeekBar seekBar) {}
        });

        //card elevation
        elevator = (SeekBar) findViewById(R.id.elevator);
        elevator.setMax(250);
        elevator.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                card.setCardElevation(progress);
            }
            public void onStartTrackingTouch(SeekBar seekBar) {}
            public void onStopTrackingTouch(SeekBar seekBar) {}
        });
    }
}

CardView动态阴影不仅取决于高程

2 个答案: