Gridview自定义相册项目

时间:2017-11-12 07:00:08

标签: android gridview

我在android中创建一个画廊窗口我想要实现类似的东西我的第一个广场将显示我的第一个画廊项目,下面是空方块,就像在这个截图中我怎么能实现这一点请帮助 enter image description here

这是我当前在gridview中单个项目的xml文件我正在显示简单的方形,但如何在上面的图像中绘制白色方块

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/content_add_messages"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <com.***.****.views.SquarImageView
            android:id="@+id/img"
            android:layout_width="match_parent"
            android:adjustViewBounds="true"
            android:padding="0dp"
            android:layout_height="wrap_content" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/img"
            android:alpha="0.8"
            android:padding="10dp"
            android:orientation="horizontal"
            android:background="@color/darkColor"
            android:baselineAligned="false">
            <LinearLayout
                android:layout_width="0dp"
                android:orientation="vertical"
                android:layout_weight="1"
                android:layout_height="match_parent">
                <TextView
                    android:id="@+id/label"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="4dp"
                    android:ellipsize="end"
                    android:singleLine="true"
                    android:maxLines="1"
                    android:text="jahsjasjjhjhj"
                    android:textColor="@android:color/white"
                    android:textSize="16sp" />

                <TextView
                    android:id="@+id/count"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="12"
                    android:maxLines="1"
                    android:textColor="@android:color/white"
                    android:textSize="12sp" />

            </LinearLayout>
            <LinearLayout
                android:layout_width="wrap_content"
                android:gravity="center"
                android:layout_height="match_parent">
                <Button
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:id="@+id/options"
                    android:clickable="true"
                    android:focusable="false"
                    android:background="@drawable/ic_settings"/>
            </LinearLayout>

        </LinearLayout>

1 个答案:

答案 0 :(得分:1)

对不起我之前的回答。结帐这个

1.在可绘制文件夹名称test.xml中创建一个新的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="#CABBBBBB" />
            <corners android:radius="4dp" />
        </shape>
    </item>
    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white" />
            <corners android:radius="2dp" />
        </shape>
    </item>
</layer-list>

2.创建布局xml文件并粘贴到代码下方。添加必要的资源。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#eee"
    android:layout_height="match_parent">
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_margin="10dp"
        android:layout_height="wrap_content">
        <RelativeLayout
            android:layout_width="200dp"
            android:layout_marginTop="10dp"
            android:layout_marginLeft="10dp"
            android:background="@drawable/test"
            android:layout_height="200dp">
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="200dp"
            android:background="@drawable/test"
            android:layout_height="200dp">
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="5dp">
                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:scaleType="fitXY"
                    android:src="@drawable/test_image"/>
                <LinearLayout
                    android:layout_width="match_parent"
                    android:background="#a4252525"
                    android:layout_alignParentBottom="true"
                    android:orientation="horizontal"
                    android:layout_height="70dp">

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_weight="4"
                        android:layout_height="match_parent"
                        android:orientation="vertical">

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="My Pictures"
                            android:textSize="8pt"
                            android:layout_marginLeft="10dp"
                            android:layout_marginTop="10dp"
                            android:textColor="#FFF"/>

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="1"
                            android:textSize="8pt"
                            android:layout_marginLeft="10dp"

                            android:textColor="#FFF"/>
                    </LinearLayout>
                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_weight="1"
                        android:layout_height="match_parent"
                        android:orientation="vertical">

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_gravity="center"
                            android:src="@drawable/test_icon"

                            />

                    </LinearLayout>

                </LinearLayout>
            </RelativeLayout>
        </RelativeLayout>


    </RelativeLayout>
</RelativeLayout>

第3。以下是此代码视图的屏幕截图: enter image description here

希望这对你有所帮助。