用于材料设计的 GridView 中未显示高程

Question

我有一个 GridView，我想在其中显示应用了一些高程的网格项目。我尝试了此线程here 的解决方案，但在运行时未显示海拔。高程显示在预览构建器中。

我的代码是

1. fragment_grid.xml

   <RelativeLayout
       android:layout_width="150dp"
       android:layout_height="200dp"
       android:background="@drawable/grid_border"
       android:elevation="15dp"
       android:gravity="center"
       android:padding="4dp">
   
       <ImageView
           android:id="@+id/backgroundImg"
           android:layout_width="match_parent"
           android:layout_height="150dp"
           android:layout_alignParentTop="true"
           android:background="@drawable/image_border"
           android:elevation="1dp"
           android:src="@drawable/icon" />
   
       <RelativeLayout
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_alignParentBottom="true"
           android:padding="2dp">
   
           <LinearLayout
               android:layout_width="130dp"
               android:layout_height="40dp"
               android:layout_alignParentBottom="true"
               android:orientation="vertical"
               android:padding="1dp">
   
               <TextView
                   android:id="@+id/nameTV"
                   android:layout_width="match_parent"
                   android:layout_height="wrap_content"
                   android:maxLines="1"
                   android:text="Name"
                   android:textStyle="bold" />
   
               <TextView
                   android:id="@+id/descriptionTV"
                   android:layout_width="match_parent"
                   android:layout_height="wrap_content"
                   android:maxLines="1"
                   android:text="Description" />
   
           </LinearLayout>
   
           <ImageButton
               android:id="@+id/moreBtn"
               style="?android:attr/actionOverflowButtonStyle"
               android:layout_width="20dp"
               android:layout_height="40dp"
               android:layout_alignParentBottom="true"
               android:layout_alignParentRight="true"
               android:layout_marginRight="4dp"
               android:foregroundGravity="center" />
   
       </RelativeLayout>
   </RelativeLayout>
   

2. fragment_gird_activity.xml | 这段代码在以android:gravity为中心的RelativeLayout中

   <GridView
       android:id="@+id/fragmentGridView"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:columnWidth="150dp"
       android:gravity="center"
       android:horizontalSpacing="5dp"
       android:numColumns="auto_fit"
       android:stretchMode="spacingWidthUniform"
       android:verticalSpacing="10dp" />
   

3. GridAvtivity.java，它扩展了 AppCompatActivity

   private GridView fragmentGridView;
   private DetailsBox adapter;
   private final ArrayList<Details> details = new ArrayList<>();
   
   @Override
   protected void onCreate(@Nullable Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.album_activity);
   
       fragmentGridView = (GridView) findViewById(R.id.fragment_gird_activity);
       fillupData();
       adapter = new DetailsBox(getApplicationContext());
       fragmentGridView.setAdapter(adapter);
   }
   
   class DetailsBox extends ArrayAdapter<Details> {
   
       private Context ctx;
   
       public DetailsBox(@NonNull Context context) {
           super(context, R.layout.fragment_grid, details);
           this.ctx = context;
       }
   
       @NonNull
       @Override
       public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
           LayoutInflater inflater = (LayoutInflater) ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
           View newView = inflater.inflate(R.layout.fragment_grid, parent, false);
           Details detail = details.get(position);
           ((TextView) newView.findViewById(R.id.nameTV)).setText(detail.getName());
           ((TextView) newView.findViewById(R.id.descriptionTV)).setText(detail.getDescription());
           return newView;
       }
   }
   
   
   private void fillupData() {
       details.add(new Details("Name 1", "Description 1"));
       details.add(new Details("Name 2", "Description 2"));
       details.add(new Details("Name 3", "Description 3"));
       details.add(new Details("Name 4", "Description 4"));
       details.add(new Details("Name 5", "Description 5"));
       details.add(new Details("Name 6", "Description 6"));
       details.add(new Details("Name 7", "Description 7"));
       details.add(new Details("Name 8", "Description 8"));
       details.add(new Details("Name 9", "Description 9"));
       details.add(new Details("Name 10", "Description 10"));
       details.add(new Details("Name 11", "Description 11"));
       details.add(new Details("Name 12", "Description 12"));
       details.add(new Details("Name 13", "Description 13"));
       details.add(new Details("Name 14", "Description 14"));
       details.add(new Details("Name 15", "Description 15"));
       details.add(new Details("Name 16", "Description 16"));
       details.add(new Details("Name 17", "Description 17"));
       details.add(new Details("Name 18", "Description 18"));
       details.add(new Details("Name 19", "Description 19"));
       details.add(new Details("Name 20", "Description 20"));
   }
   

4. image_border.xml

5. grid_border.xml

以下会在预览窗口中生成此结果

在运行时，这会产生以下结果

请帮忙，我尝试了其他线程的解决方案，但无法在运行时添加提升。

Answer 1

简单的解决方案 - 将您的行布局包装到 cardView

<android.support.v7.widget.CardView
    android:id="@+id/vCard"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="@dimen/_6sdp"
    android:clipChildren="false"
    app:cardBackgroundColor="@android:color/white"
    app:cardElevation="6dp"
    app:cardPreventCornerOverlap="true"
    app:cardUseCompatPadding="false">

    <!-- Your row layout codes -->

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