2016-03-21 3 views
-1

作りたいGoogle PlayStore-like-CardView layoutです。しかし、私はカードビューを並べて配置するのではなく、上下にリストアップされています。CardViewsを隣に置くにはどうすればいいですか?

スクリーンショット:

Screenshot

cardview.xml:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.CardView 
    android:id="@+id/card_view" 
    android:layout_width="150dp" 
    android:layout_height="200dp" 
    android:layout_margin="5dp" 
    android:layout_gravity="center" 
    card_view:cardCornerRadius="2dp" 
    card_view:contentPadding="10dp" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:card_view="http://schemas.android.com/apk/res-auto"> 

     <RelativeLayout 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent"> 

      <ImageView 
       android:layout_width="100dp" 
       android:layout_height="100dp" 
       android:id="@+id/img_appicon" 
       android:layout_alignParentTop="true" 
       android:layout_alignLeft="@+id/tv_appname" 
       android:layout_alignStart="@+id/tv_appname" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textAppearance="?android:attr/textAppearanceMedium" 
       android:text="App Name" 
       android:id="@+id/tv_appname" 
       android:layout_below="@+id/img_appicon" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="27dp" /> 
     </RelativeLayout> 
</android.support.v7.widget.CardView> 

私はサイドバイサイドそれらCardViewsを置くことができますどのように任意のアイデア?

ありがとうございました。

答えて

0

幅match_parent、高さwrap_content、orientation horizo​​ntalの線形レイアウトの中に入れてみましたか?

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:card_view="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 

    <android.support.v7.widget.CardView 
     android:id="@+id/card_view1" 
     android:layout_width="150dp" 
     android:layout_height="200dp" 
     android:layout_gravity="center" 
     android:layout_margin="5dp" 
     card_view:cardCornerRadius="2dp" 
     card_view:contentPadding="10dp"> 

     <RelativeLayout 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent"> 

      <ImageView 
       android:id="@+id/img_appicon" 
       android:layout_width="100dp" 
       android:layout_height="100dp" 
       android:layout_alignLeft="@+id/tv_appname" 
       android:layout_alignParentTop="true" 
       android:layout_alignStart="@+id/tv_appname" /> 

      <TextView 
       android:id="@+id/tv_appname" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/img_appicon" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="27dp" 
       android:text="App Name" 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 
     </RelativeLayout> 
    </android.support.v7.widget.CardView> 

    <android.support.v7.widget.CardView 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:card_view="http://schemas.android.com/apk/res-auto" 
     android:id="@+id/card_view2" 
     android:layout_width="150dp" 
     android:layout_height="200dp" 
     android:layout_gravity="center" 
     android:layout_margin="5dp" 
     card_view:cardCornerRadius="2dp" 
     card_view:contentPadding="10dp"> 

     <RelativeLayout 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent"> 

      <ImageView 
       android:id="@+id/img_appicon2" 
       android:layout_width="100dp" 
       android:layout_height="100dp" 
       android:layout_alignLeft="@+id/tv_appname2" 
       android:layout_alignParentTop="true" 
       android:layout_alignStart="@+id/tv_appname2" /> 

      <TextView 
       android:id="@+id/tv_appname2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/img_appicon2" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="27dp" 
       android:text="App Name" 
       android:textAppearance="?android:attr/textAppearanceMedium" /> 
     </RelativeLayout> 
    </android.support.v7.widget.CardView> 
</LinearLayout> 
+0

私はまだ、あなたに知らせてくれるでしょう。 –

+0

私はあなたの提案を試みましたが、上記のスクリーンショットでも同じことが起こります。上記の投稿コード –

+0

は、私のために100%働いています。あなたのコードに合わせてIDを変更しました。 – Shreyans

関連する問題