Question

好吧，我最近看到了whatsapp和tinder应用程序。＆＃34;更改个人资料图片＆＃34;除了按钮之外，选项是相同的。我们怎么做到这一点？有没有lib？或形状来做到这一点？

Answer 1

使用此代码：

<FrameLayout
    android:gravity="center"
    android:layout_centerInParent="true"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:paddingBottom="24.0dip"
    android:paddingLeft="0.5dip"
    android:paddingRight="0.5dip"
    android:paddingTop="35.0dip"
    android:background="#ff26a69a"
    xmlns:android="http://schemas.android.com/apk/res/android">


    <de.hdodenhof.circleimageview.CircleImageView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/profile_image"
        android:layout_width="178.0dip"
        android:layout_height="178.0dip"
        android:src="@drawable/ic_settings_profile"
        app:civ_border_width="2dp"
        app:civ_border_color="#FF000000"/>


    <ProgressBar
        style="?android:attr/progressBarStyleInverse"
        android:id="@+id/change_photo_progress"
        android:layout_gravity="center"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:visibility="gone" />

    <ImageButton
        style="@style/ActionBarButtonStyle"
        android:background="@drawable/input_circle"
        android:elevation="2.0dip"
        android:id="@+id/change_photo_btn"
        android:layout_gravity="bottom|center|right"
        android:layout_height="52.0dip"
        android:layout_marginBottom="2.0dip"
        android:layout_width="52.0dip"
        android:src="@drawable/ic_cam_white" />
</FrameLayout>

在可绘制文件夹中

<强> input_circle.xml

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/input_circle_pressed" />
    <item android:state_focused="true" android:state_enabled="true" android:drawable="@drawable/input_circle_pressed" />
    <item android:drawable="@drawable/input_circle_normal" />
</selector>

输出

Answer 2

在imageview中添加textview

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:id="@+id/linearImage"
    android:layout_weight="1"
    android:gravity="center"
    android:layout_alignParentRight="true"
    android:layout_centerInParent="true"
    android:layout_marginTop="20dp">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/imgtimer"
        android:layout_gravity="center"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:scaleType="fitCenter"
        android:src="@drawable/downcounter"/>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_gravity="center"
        android:gravity="center"
        android:paddingLeft="6dp"
        android:paddingRight="6dp"
        android:layout_marginTop="10dp"
        android:layout_centerHorizontal="true">
    <TextView
        android:id="@+id/txthourr"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:maxLength="2"
        android:text="00"

        android:layout_marginRight="3dp"
        android:textColor="@color/white"
        android:paddingRight="2dp"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textSize="48dp"
        />
        <TextView
            android:id="@+id/txtcolon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:maxLength="1"
            android:text=":"
            android:textColor="@color/white"
            android:textSize="40dp"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:layout_marginBottom="2dp"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/txtminutee"
            android:maxLength="2"
            android:textSize="48dp"
            android:layout_marginLeft="4dp"
            android:textColor="@color/white"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="30"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/txtsecc"
            android:maxLength="2"
            android:layout_marginLeft="4dp"
            android:textSize="26dp"
            android:textColor="@color/white"
            android:layout_marginTop="8dp"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="00"
            />
    </LinearLayout>

</FrameLayout>

Answer 3

尝试使用alignEnd，alignRight，alignBottom将小图像添加到大图像，然后根据图像调整边距尺寸。

SELECT MAX(
    CHOOSE(
        b.[HRM Tracking Current Pass Number],
        a.EXIT_GAUGE_PR1_1,
        a.EXIT_GAUGE_PR1_2,
        a.EXIT_GAUGE_PR1_3,
        ...
    )
)

ImageButton在另一个图像上

3 个答案: