2017-01-04 4 views
0

Happy 2017 guys!Добавить изображение в изображенииButton

Я пытаюсь сделать круглую кнопку изображения, как WhatsApp

enter image description here

Я попытался ниже код, но я только в состоянии создать круговую imageButton. Изображение не отображалось в imageButton.

<ImageButton 
     android:id="@+id/imageButton" 
     android:layout_width="70dp" 
     android:paddingBottom="140dp" 
     android:src = "@drawable/camera" 
     android:scaleType="fitXY" 
     android:layout_height="70dp" 
     android:background="@drawable/round" 
     android:layout_gravity="center_horizontal" /> 

round.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 

    <corners android:radius="100dp" /> 

    <stroke 
     android:width="5dp" 
     android:color="#090" /> 

</shape> 

enter image description here

+0

Попробуйте уменьшить ширину макета и высоту IMAGEBUTTON –

+0

добавить твердый тег в форме <твердый андроида: цвет = «@ цвет/grey_300» /> –

+0

@AdeelJaved Я не вижу свое изображение после добавления твердого тега – John

ответ

2

Вы добавили android:paddingBottom=140dp. Проблема с этим. Проверить эту кнопку

<ImageButton 
     android:id="@+id/imageButton" 
     android:layout_width="70dp" 
     android:layout_height="70dp" 
     android:layout_gravity="center_horizontal" 
     android:background="@drawable/round" 
     android:tint="@android:color/black" 
     android:scaleType="fitXY" 
     android:padding="5dp" 
     android:src="@drawable/camera" /> 
+0

прокладка сделала трюки – John

1

Вы просто пропустили solid тег в файле пользовательской формы.

<solid android:color="#090" /> 

Edit:

Никогда не пытайтесь дать запас или отступы, который имеет большее значение. Так же, как вы используете android:paddingBottom="140dp". Это не рекомендуется.

+0

После добавления твердого тега, кнопка полного изображения станет зеленой. Я не вижу изображения – John

1

Для нанесения твердого кода круг TRY ниже:

<?xml version="1.0" encoding="utf-8"?> 
<shape 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"> 

    <solid android:color="#090"/> 

    <size 
     android:width="100dp" 
     android:height="100dp"/> 
</shape> 

Форма типа oval используется для рисования кругов

1

Whatsapp использовали Floating действие, и вы можете реализовать его в два этапа

Добавить зависимости к build.gradle:

dependencies { 
    compile 'com.github.clans:fab:1.6.4' 
} 

Добавить com.github. clans.fab.FloatingActionButton в ваш XML-файл макета.

<com.github.clans.fab.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="bottom|right" 
    android:layout_marginBottom="8dp" 
    android:layout_marginRight="8dp" 
    android:src="@drawable/ic_message" 
    fab:fab_colorNormal="@color/app_primary" 
    fab:fab_colorPressed="@color/app_primary_pressed" 
    fab:fab_colorRipple="@color/app_ripple"/> 

Скачать изображение камеры, нажав here

И вы сделали. Дайте мне знать, если это поможет!

+0

Я до сих пор не пробовал использовать кнопку плавающего действия. Дайте вам знать результат после попытки – John

+1

@ Джон, если вы попробуете мое решение, тогда дайте мне знать, что бы это вам помогло! –

1

Попробуйте эту

<ImageButton 
 
     android:id="@+id/imageButton" 
 
     android:layout_width="70dp" 
 
     android:layout_height="70dp" 
 
     android:layout_gravity="center_horizontal" 
 
     android:background="@drawable/round" 
 
     android:scaleType="centerInside" 
 
     android:src="@mipmap/ic_launcher" />

1

Используйте форму и наполняются вашего желания цвета.

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 

    <corners android:radius="100dp" /> 
    <solid android:color="#090" /> // solid for filling empty space 

</shape> 

Используйте код в ImageButton

<ImageButton 
    android:id="@+id/imageButton" 
    android:layout_width="70dp" 
    android:paddingBottom="140dp" 
    android:src = "@drawable/camera" 
    android:scaleType="fitXY" 
    android:layout_height="70dp" 
    android:background="@drawable/round" 
    android:layout_gravity="center_horizontal" /> 
1

Добавить Solid Tag

<solid android:color="#090" /> 

и заменить android:paddingBottom="140dp"android:padding="whateversuitsyou" с

0

Установите ширину и высоту, как показано ниже.

android:layout_width="match_parent" 
android:layout_height="wrap_content" 

эта работа для me.Try это ..

 Смежные вопросы

  • Нет связанных вопросов^_^