广州海珠区网站建设,网站建设与推广的策划方案,mvc网站开发之美,dw制作网页的步骤1.安卓实现阴影效果有很多种#xff0c;一般UX设计会给以H5参数box-shadow: 0 2px 6px 1px rgba(0,0,0,0.08);这种方式提供背景阴影效果#xff0c;这里记录一下实现过程 2.界面xml源码
?xml version1.0 encodingutf-8?
layout xmlns…1.安卓实现阴影效果有很多种一般UX设计会给以H5参数box-shadow: 0 2px 6px 1px rgba(0,0,0,0.08);这种方式提供背景阴影效果这里记录一下实现过程 2.界面xml源码
?xml version1.0 encodingutf-8?
layout xmlns:androidhttp://schemas.android.com/apk/res/androiddataimport typeandroid.text.TextUtils /variablenameappCardEntitytypecn.com.westone.cxjr.cxsdk.model.AppCardEntity /variablenameadaptertypecn.com.westone.cx.platform.fragment.sub.card.AppCardListDataType.AppCardListDataTypeAdapter //dataLinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:backgrounddrawable/app_card_shadow_bg //带阴影边框的透明背景图android:minHeight144dpandroid:orientationverticalandroid:paddingHorizontal16dpandroid:paddingVertical8dpLinearLayoutandroid:idid/ll_titleandroid:layout_widthmatch_parentandroid:layout_height32dpandroid:gravitycenter_verticalandroid:orientationhorizontalImageViewandroid:idid/iv_iconandroid:layout_width16dpandroid:layout_height16dpandroid:padding2dpandroid:srcdrawable/ic_placeholder /com.westone.cx.commonsdk.uikit.scaleView.CXScaleTextViewandroid:idid/tv_titleandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:ellipsizeendandroid:gravitycenter_horizontalandroid:maxWidth200dpandroid:maxLines1android:text{TextUtils.isEmpty(appCardEntity.cardTitle)?appCardEntity.appName:appCardEntity.cardTitle}android:textColorcolor/cx_first_level_text_colorandroid:textSizedimen/store_font_12 /ImageViewandroid:layout_width16dpandroid:layout_height16dpandroid:backgrounddrawable/arrow_right_iconandroid:padding2dp //LinearLayoutcn.com.westone.cx.platform.fragment.sub.component.NonScrollListViewandroid:idid/lv_dataadapter{adapter}android:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:divider#00000000 //LinearLayout
/layout
2.浅色模式和深色模式分别使用不同的rgba值做阴影颜色
PS:奉送一个大神提供的在线制作.9图的工具
Android Shadow Generator
2.1深色模式 app_card_shadow.9.png阴影参数 box-shadow: 0 2px 6px 1px rgba(26,26,26,0.29);
工具类参数x:0 y:2 blur:6 round:8 rgba(26,26,26,0.29);
2.2浅色模式 app_card_shadow.9.png阴影参数 box-shadow: 0 2px 6px 1px rgba(250,250,250,0.29);
工具类参数x:0 y:2 blur:6 round:8 rgba(250,250,250,0.29);
3.实现效果图
