2013-07-24 27 views
11

Tôi muốn tạo bố cục android như Thẻ Google, tôi biết có Thư viện nguồn mở, tuy nhiên tôi chỉ muốn bố cục và kiểu nền màu xám lục giác. Tôi không thể tìm thấy thông tin về điều này, làm thế nào tôi có thể làm điều này có thể? im Đính kèm bản đồ Google mới v7 Bố cục để bạn có thể có ý tưởng. Google Maps LayoutBố trí như Thẻ trong android

Trả lời

14

bg_card.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> 

Hoặc chỉ cần thiết lập nền của thẻ để #fff và thêm ở phía dưới:

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

LƯU Ý:

Đối với tất cả mọi người người không quan tâm đến việc sử dụng thư viện, bạn nên sử dụng a CardView từ số Android support library.

Sample code.

+0

đây là giải pháp tốt hơn cho nền thẻ: D cảm ơn, tôi vừa tạo bố cục với lề X và hoạt động tốt Cảm ơn – Javier

+0

trông giống với những gì được hiển thị trong hướng dẫn này http: // android-dev-tips-and-tricks.blogspot.co.il/2014/02/creating-card-ui.html –

+0

@zen Trong mỗi '', bạn cũng có thể thêm ' 'để có được các góc tròn. –

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

Trong style.xml bạn nên làm cho bạn hạnh phúc ;-)

Và đối với bố trí, sao chép các nền thẻ nên là đủ phải không?

+0

cũng thực sự gần như làm việc, có một bóng râm dưới bố trí tuyến tính, làm thế nào tôi có thể làm được điều này? – Javier

+1

android: background = "@ drawable/theshade" –

0

Chúng tôi có thể sử dụng LayerList như trên để đạt được điều này (OR) bằng cách sử dụng hình ảnh vá chín có hiệu ứng tương tự, chúng ta không cần tạo ra hình ảnh riêng biệt.

nếu bạn đang sử dụng eclipse: android: background = "@ drawable/abc_menu_dropdown_panel_holo_light"

copy dán dòng trên như Xem backround của bạn.

hoặc nếu bạn đang sử dụng bản sao thu android dán dòng sau:

android: background = "@ android: drawable/dialog_holo_light_frame"

Các vấn đề liên quan