Android 个人界面的布局

氤氲息

已于 2022-03-01 11:51:13 修改

阅读量1.1k

点赞数

分类专栏：安卓文章标签： android java apache

于 2022-03-01 11:38:20 首次发布

本文链接：https://blog.csdn.net/weixin_44911775/article/details/123202196

版权

安卓专栏收录该内容

381 篇文章 4 订阅

订阅专栏

本文展示了如何使用自定义的SuperButton组件创建带有图标和文字的钱包、会员、相册和电影功能按钮。同时，详细描述了个人页面的钱包背景图片、会员图片及其上的小图标，以及对应的文本标签，整个布局清晰且具有交互性。

摘要由CSDN通过智能技术生成

下面是下面的列表

 <com.github.widget.SuperButton
        android:id="@+id/btn_bill"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:drawableStart="@mipmap/ic_person_benefit"
        android:drawableEnd="@mipmap/ic_into"
        android:drawablePadding="12dp"
        android:gravity="center_vertical|start"
        android:minHeight="50dp"
        android:paddingStart="24dp"
        android:paddingEnd="24dp"
        android:text="@string/money"
        android:textColor="#666666"
        android:textSize="14sp"
        app:backgroundColor="@color/white"
        app:backgroundColorPressed="#10000000"
        app:drawableEndHeight="12dp"
        app:drawableStartWidth="20dp" />

    <com.github.widget.SuperButton
        android:id="@+id/btn_album"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:drawableStart="@mipmap/ic_person_photo"
        android:drawableEnd="@mipmap/ic_into"
        android:drawablePadding="12dp"
        android:gravity="center_vertical|start"
        android:minHeight="50dp"
        android:paddingStart="24dp"
        android:paddingEnd="24dp"
        android:text="@string/album"
        android:textColor="#666666"
        android:textSize="14sp"
        app:backgroundColor="@color/white"
        app:backgroundColorPressed="#10000000"
        app:drawableEndHeight="12dp"
        app:drawableStartWidth="20dp" />

    <com.github.widget.SuperButton
        android:id="@+id/btn_movie"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:drawableStart="@mipmap/ic_person_movie"
        android:drawableEnd="@mipmap/ic_into"
        android:drawablePadding="12dp"
        android:gravity="center_vertical|start"
        android:minHeight="50dp"
        android:paddingStart="24dp"
        android:paddingEnd="24dp"
        android:text="@string/movie"
        android:textColor="#666666"
        android:textSize="14sp"
        app:backgroundColor="@color/white"
        app:backgroundColorPressed="#10000000"
        app:drawableEndHeight="12dp"
        app:drawableStartWidth="20dp" />

    <com.github.widget.SuperButton
        android:id="@+id/btn_setting"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:drawableStart="@mipmap/ic_person_setting"
        android:drawableEnd="@mipmap/ic_into"
        android:drawablePadding="12dp"
        android:gravity="center_vertical|start"
        android:minHeight="50dp"
        android:paddingStart="24dp"
        android:paddingEnd="24dp"
        android:text="@string/setting"
        android:textColor="#666666"
        android:textSize="14sp"
        app:backgroundColor="@color/white"
        app:backgroundColorPressed="#10000000"
        app:drawableEndHeight="12dp"
        app:drawableStartWidth="20dp" />

下面是我的錢包和我的會員

       <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/iv_wallet_background"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="24dp"
            android:layout_marginTop="16dp"
            android:layout_marginEnd="8dp"
            android:adjustViewBounds="true"
            android:scaleType="fitXY"
            android:src="@mipmap/bg_person_wallet"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toLeftOf="@id/iv_member"
            app:layout_constraintTop_toBottomOf="@id/tv_follow" />

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/iv_member"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_marginEnd="24dp"
            android:adjustViewBounds="true"
            android:scaleType="fitXY"
            android:src="@mipmap/bg_person_member"
            app:layout_constraintLeft_toRightOf="@id/iv_wallet_background"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="@id/iv_wallet_background" />

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/iv_wallet"
            android:layout_width="40dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="16dp"
            android:adjustViewBounds="true"
            android:scaleType="fitXY"
            android:src="@mipmap/ic_person_wallet"
            app:layout_constraintBottom_toBottomOf="@id/iv_wallet_background"
            app:layout_constraintLeft_toLeftOf="@id/iv_wallet_background"
            app:layout_constraintTop_toTopOf="@id/iv_wallet_background" />

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/iv_member_hat"
            android:layout_width="40dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="16dp"
            android:adjustViewBounds="true"
            android:scaleType="fitXY"
            android:src="@mipmap/ic_person_member"
            app:layout_constraintBottom_toBottomOf="@id/iv_member"
            app:layout_constraintLeft_toLeftOf="@id/iv_member"
            app:layout_constraintTop_toTopOf="@id/iv_member" />

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/tv_wallet"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:text="@string/mywallet"
            android:textColor="#ffffffff"
            android:textSize="16sp"
            app:layout_constraintBottom_toBottomOf="@id/iv_wallet_background"
            app:layout_constraintLeft_toRightOf="@id/iv_wallet"
            app:layout_constraintTop_toTopOf="@id/iv_wallet_background" />

        <androidx.appcompat.widget.AppCompatTextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:text="@string/member"
            android:textColor="#ffffffff"
            android:textSize="16sp"
            app:layout_constraintBottom_toBottomOf="@id/iv_member"
            app:layout_constraintLeft_toRightOf="@id/iv_member_hat"
            app:layout_constraintTop_toTopOf="@id/iv_member" />