2013-07-24 202 views
11

我想制作一个像Google卡片一样的Android布局,我知道有一个开放源代码库,但是我只想要布局和灰色的十六进制背景样式。我无法找到关于此的信息,我可以如何使这成为可能?即时贴上新的谷歌地图v7布局,让你可以得到这个想法。 Google Maps LayoutAndroid中的卡片布局

回答

14

bg_c​​ard.xml

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape android:shape="rectangle"> 
      <solid android:color="#CCC" /> 
     </shape> 
    </item> 
    <item android:bottom="2dp"> 
     <shape android:shape="rectangle"> 
      <solid android:color="#FFF" /> 
     </shape> 
    </item> 
</layer-list> 

或者只设置卡的背景#FFF并在底部添加:

<View 
    android:layout_width="match_parent" 
    android:layout_height="2dp" 
    android:background="#CCC" /> 

注:

对于大家谁不关心使用图书馆,你应该使用 a来自Android support library的。

Sample code

+0

这是一个更好的卡背景解决方案:D谢谢,我只是用X margin做了布局,并且运行良好感谢 – Javier

+0

看起来与本教程中显示的内容类似http:// android-dev-tips-and-tricks.blogspot.co.il/2014/02/creating-card-ui.html –

+0

@zen在每个''中,您还可以添加'<角android:半径=“3dp” />'得到圆角。 –

0
<item name="android:windowBackground">#ffe3e3e3</item> 

在你style.xml应该让你快乐;-)

而对于布局,复制卡的背景应该是足够的,不是吗?

+0

以及实际上差不多的工作,有下的线性布局的阴影,如何我可以做到这一点? – Javier

+1

android:background =“@ drawable/theshade” –

0

我们可以通过使用九个补丁图像得到同样的效果使用LayerList如上来实现这一(OR),我们不需要单独为这个puprpose机器人绘制有一个创建9个修补图像。

,如果你使用eclipse:机器人:背景=“@绘制/ abc_menu_dropdown_panel_holo_light”

复制粘贴上述线路中查看底色。

,或者如果您使用的是Android Studio中复制粘贴以下行:

的android:背景=“@机器人:可绘制/ dialog_holo_light_frame”