1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Android 基础:Materia Design 定义视图阴影elevation和创建卡片CardView

Android 基础:Materia Design 定义视图阴影elevation和创建卡片CardView

时间:2018-11-30 05:52:39

相关推荐

Android 基础:Materia Design 定义视图阴影elevation和创建卡片CardView

新的 translationZ 属性使得你可以设计临时变更 elevation 的动画。elevation 变化在做触摸反馈时很有用。

创建列表和卡片

=======

RecyclerView 是一个可插入性更强的 ListView,它支持不同的 layout 类型,并可以提升性能。CardView 使得你可以在卡片

内显示一部分内容,并且和其他应用保持外观一致。以下是一段样例代码展示如何在 layout 中添加 CardView。

<android.support.v7.widget.CardView

android:id="@+id/card_view"

android:layout_width=“200dp”

android:layout_height=“200dp”

card_view:cardCornerRadius=“3dp”>

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

其中 card_view:cardCornerRadius 属性是改变卡片的四个角的半径的,如圆角,直角等。

下面通过官网的一个Sample来实例演示

====================

效果图

项目结构

代码

activity_card_view.xml:

<FrameLayout xmlns:android=“/apk/res/android”

xmlns:tools="/tools"

android:id="@+id/container"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin"

tools:context="com.example.android.cardview.CardViewActivity"

tools:ignore="MergeRootFrame" />

fragment_card_view:

<ScrollView

xmlns:android="/apk/res/android"

xmlns:card_view="/apk/res-auto"

android:layout_height="match_parent"

android:layout_width="match_parent"

>

<LinearLayout android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

>

<android.support.v7.widget.CardView

android:id="@+id/cardview"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:elevation="100dp"

card_view:cardBackgroundColor="@color/cardview_initial_background"

card_view:card

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

CornerRadius=“8dp”

android:layout_marginLeft="@dimen/margin_large"

android:layout_marginRight="@dimen/margin_large"

>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="@dimen/margin_medium"

android:text="@string/cardview_contents"

/>

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

<LinearLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_marginTop="@dimen/margin_large"

android:orientation="horizontal"

>

<TextView

android:layout_width="@dimen/seekbar_label_length"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:text="@string/cardview_radius_seekbar_text"

/>

<SeekBar

android:id="@+id/cardview_radius_seekbar"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_margin="@dimen/margin_medium"

/>

</LinearLayout>

<LinearLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

>

<TextView

android:layout_width="@dimen/seekbar_label_length"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:text="@string/cardview_elevation_seekbar_text"

/>

<SeekBar

android:id="@+id/cardview_elevation_seekbar"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_margin="@dimen/margin_medium"

/>

</LinearLayout>

</LinearLayout>

CardViewActivity:

public class CardViewActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_card_view);

if (savedInstanceState == null) {

getFragmentManager().beginTransaction()

.add(R.id.container, CardViewFragment.newInstance())

.commit();

}

}

}

CardViewFragment:

public class CardViewFragment extends Fragment {

private static final String TAG = CardViewFragment.class.getSimpleName();

/** The CardView widget. */

//@VisibleForTesting

CardView mCardView;

/**

* SeekBar that changes the cornerRadius attribute for the {@link #mCardView} widget.

*/

//@VisibleForTesting

SeekBar mRadiusSeekBar;

/**

* SeekBar that changes the Elevation attribute for the {@link #mCardView} widget.

*/

//@VisibleForTesting

SeekBar mElevationSeekBar;

/**

* Use this factory method to create a new instance of

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。