ImageButton在另一個圖像

那麼，我最近看到whatsapp和tinder的應用程序。除了按鈕之外，「更改個人資料圖片」選項也是相同的。我們如何做到這一點？有沒有lib？或塑造做到這一點？ImageButton在另一個圖像

2016-06-11 Jorge

使用'RelativeLayout'併爲圖片設置negetive margin –

我會盡力，謝謝你的回答。 – Jorge

@Jorge在下面看到我的答案。 – Ironman

使用此代碼：

<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>

輸出：

來源

2016-06-11 05:52:12 Ironman

謝謝兄弟！這工作正常 – Jorge

@Jorge很高興幫助你。 – Ironman

添加的TextView的imageview的

<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>

來源

2016-06-11 05:16:45 RejoylinLokeshwaran

裏面試試這個，alignEnd，alignRight，alignBottom小圖像的大圖像，並調整邊距尺寸按你的圖片。

<RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="fill_parent" 
     android:layout_gravity="right|center_vertical"> 

     <de.hdodenhof.circleimageview.CircleImageView 
      android:id="@+id/bigImage" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="100dp" 
      android:layout_width="140dp" 
      android:layout_height="140dp" 
      android:background="@drawable/back_image"/> 

     <ImageButton 
      android:id="@+id/small_image" 
      android:layout_width="30dp" 
      android:layout_height="30dp" 
      android:layout_alignEnd="@+id/big_mage" 
      android:layout_alignRight="@+id/big_image" 
      android:layout_alignBottom="@+id/big_image" 
      android:background="@drawable/small_image" 
      android:text="" /> 
</RelativeLayout>

來源

2016-06-11 05:26:27

ImageButton在另一個圖像

回答

相關問題