Пузыри, такие как WhatsApp, Viber, Facebook Chat

Я пытаюсь создать чат-пузырь, такой как Viber, WhatsApp и Facebook. Пожалуйста, посмотрите на этот снимок экрана:

введите здесь описание изображения

У последнего пузыря нет стрелки. Мне интересно, являются ли эти пузыри изображениями с 9 патчами или чем-то, что сделано программно. Я некоторое время гуглил, но не могу найти именно это изображение, хотя оно одинаково во многих приложениях (viber, whatsapp).

Мой второй вопрос: как мне создать эту нижнюю строку в пузырьках, которая показывает, доставлено ли сообщение. Это ImageButton с Html.fromHtml() внутри (в нижней строке)? Это LinearLayout с двумя TextView?

Я также ищу эти ✓✓. В Вайбере и Ватсапе тоже самое, но вроде не ютф. Может это образ?

Спасибо.


android android-layout viber whatsapp
person NoobieNoob    schedule 30.01.2014    source источник
comment
Пузыри можно сделать с помощью фона патча 9, а галочки, вероятно, представляют собой изображения, выровненные по правому или нижнему краю любого используемого макета.   -  person sprocket12    schedule 30.01.2014

Ответы (1)


arrow_upward
3
arrow_downward

Мне интересно, являются ли эти пузыри изображениями с 9 патчами или чем-то, что сделано программно

Пузырь (со стрелкой и без) бывает девятичастным.

Мой второй вопрос: как мне создать эту нижнюю строку в пузырьках, которая показывает, доставлено ли сообщение.

статус сообщения в нижней части этого кружка представляет собой ImageView, который меняется с отсутствия ✓ на изображение с одним ✓, а затем, когда сообщение поступает получателю, отображаются два изображения ✓✓.

person Emil Adz    schedule 30.01.2014
comment
Итак, это в основном: ‹LinearLayout с фоном этого изображения с девятью патчами› - person NoobieNoob; 30.01.2014
comment
Это может быть и любой другой макет, но в основном да. - person Emil Adz; 30.01.2014
comment
вы должны помнить, что 9-патчи помогают вам в разработке приложений, и каждый раз, когда вы можете использовать их и избежать проектирования в коде, делайте это! - person Emil Adz; 30.01.2014
comment
Итак, это в основном: ‹LinearLayout с фоном этого изображения с девятью патчами› ‹TextView для чата-текста› ‹LinearLayout› ‹ImageView для ✓✓› ‹TextView с текстом для доставки?› Я пытался воспроизвести это так. К сожалению, я не могу сделать этот LinearLayout интерактивным, как ImageButton с android:background=?android:attr/selectableItemBackground, потому что фон уже является изображением с девятью патчами. - person NoobieNoob; 30.01.2014
comment
Правильно... Итак, вам нужно создать селектор, состоящий из нескольких изображений с 9 патчами для разных состояний пузыря, и применить его в качестве фона, проверьте это: stackoverflow.com/questions/14023886/android-button-selector - person Emil Adz; 30.01.2014