Форум программистов, компьютерный форум, киберфорум
Программирование Android
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.61/18: Рейтинг темы: голосов - 18, средняя оценка - 4.61
 Аватар для Kazachek
18 / 18 / 8
Регистрация: 03.11.2013
Сообщений: 405

Большие кнопки с картинкой и текстом

16.10.2017, 09:57. Показов 3593. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем добрый день,
Можете подсказать как можно создать большую кнопку с текстом и картинкой.

На данный момент установил одну кнопку картинку, смотрится не качественно и очень хочу научится создавать правильно.
Пример кнопки в атачменте.

Заранее благодарю
Миниатюры
Большие кнопки с картинкой и текстом  
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
16.10.2017, 09:57
Ответы с готовыми решениями:

Как сделать с текстом и картинкой
Здравствуйте, у меня не очень получается сделать, чтоб была картинка и 2 текста. Один текст должен быть с права картинки, а другой снизу...

Idhttp post запрос с текстом и картинкой
Всем привет :D Помогите пожалуйста сделать что то вроде комбинированного запроса, то есть с текстом и картинкой. Вот у меня есть как бы...

Стиль тоггл кнопка с текстом и картинкой
День добрый. Имеется в наличии следующий стиль: <Style x:Key="Style_MainButtons" TargetType="ToggleButton"> ...

5
2884 / 2296 / 769
Регистрация: 12.05.2014
Сообщений: 7,978
16.10.2017, 10:59
это обычный лаяут в котором болтается ImafeView с картинкой и два TextView с текстом
вешаешь на ВЕСЬ ЛЯУТ слушатель нажатий и все
1
 Аватар для Kazachek
18 / 18 / 8
Регистрация: 03.11.2013
Сообщений: 405
16.10.2017, 12:05  [ТС]
Цитата Сообщение от Pablito Посмотреть сообщение
вешаешь на ВЕСЬ ЛЯУТ слушатель нажатий и все
Можно ли, так же на него установить например цвет фона при нажатии и возврат к предыдущему состоянию при отпускании? Эффект кнопки одним словом
0
2884 / 2296 / 769
Регистрация: 12.05.2014
Сообщений: 7,978
16.10.2017, 12:56
Лучший ответ Сообщение было отмечено Kazachek как решение

Решение

первое, что приходит в голову
Кликните здесь для просмотра всего текста
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f0f0f0">
 
    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        app:cardBackgroundColor="#FFF">
 
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:clickable="true"
            android:background="?selectableItemBackgroundBorderless"
            android:orientation="vertical"
            android:padding="16dp">
 
            <ImageView
                android:id="@+id/iv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:src="@drawable/ic_avatar" />
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="8dp"
                android:gravity="center"
                android:text="Данные клиента"
                android:textAppearance="@style/Base.TextAppearance.AppCompat.Title" />
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="Какой-то длинный длинный бесполезный текст на пару строк. Пользователю плевать на такие длинные тексты."
                android:textAppearance="@style/TextAppearance.AppCompat.Caption" />
 
        </LinearLayout>
    </android.support.v7.widget.CardView>
 
</FrameLayout>

корневой FrameLayout не отновится к "кнопке", это типа активити
1
 Аватар для Kazachek
18 / 18 / 8
Регистрация: 03.11.2013
Сообщений: 405
16.10.2017, 13:20  [ТС]
Pablito, Скопировал ваш код, поставил в свой лайоут, изменил название изображения, но у меня вышло другое
Миниатюры
Большие кнопки с картинкой и текстом  
0
2884 / 2296 / 769
Регистрация: 12.05.2014
Сообщений: 7,978
16.10.2017, 13:34
потому что надо добавить CardView в зависимости в build.gradle
XML
1
compile 'com.android.support:cardview-v7:25.4.0'
номер версии поставить свой
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
16.10.2017, 13:34
Помогаю со студенческими работами здесь

Убрать зазоры между картинкой и текстом
У меня ситуация такая. Имеется картинка большая, всё нормально, выставил height, но при сужение браузера, картинка сужается (максимум до...

как задать между картинкой и текстом
Подскажите как задать расстояние между картинкой и текстом все на фото вот ссылка где это veliky-novgorod.com/2014/12/04 и самое главное...

Как сделать вывод {related-news} с картинкой и текстом
Здравствуйте уважаемые форумчане! Был бы очень признателен, если бы вы помогли с выводом похожих новостей {related-news} на DLE 9.2. Не...

Блок с текстом перекрывает часть блока с картинкой на Андроид+иОС
Дан список-меню: &lt;ul id=&quot;accordion&quot; class=&quot;accordion&quot;&gt; &lt;li&gt; &lt;div class=&quot;link&quot;&gt;&lt;div class=&quot;pointerBG&quot;&gt;&lt;/div&gt;&lt;div...

Как сделать QGraphicsItem, который может быть и картинкой, и текстом?
Всем привет. Столкнулся с такой проблемой. Хочу сделать графический элемент, который может быть или картинкой, или текстом. То есть, у...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru