it-roy-ru.com

Создать чат пузырь в Android

Я пытаюсь создать пузырь чата с некоторым текстом. Для этого я создаю три макета, внутри основного линейного макета. Я использую FramLayout, я устанавливаю фон из 9 патчей для этого Framlayout. Внутри Framlayout я добавляю еще один. RelativeLayout, куда я помещаю свои три textViews и один длинный текст типа imageView.but, он выходит за пределы границы FramLayout. Я не знаю, что я делаю неправильно или чего мне не хватает. Когда я использую небольшой текст, он остается пригодным, но с большой текст, он выходит даже из Background Border of FramLayout. В приложении я показываю свой пузырь и пузырь IM из Yahoo. Я пытаюсь создать то же самое, что и Yahoo, но с другим стилем. Пожалуйста, дайте мне ваше предложение. Я много пробую с разными пути, но не получить успех. Заранее спасибо. , enter image description here Здесь я размещаю свой Layoutfile

     <?xml version="1.0" encoding="utf-8"?>
     <LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        Android:orientation="horizontal"
        Android:id="@+id/linearListLayout1">

       <FrameLayout
           Android:id="@+id/frameLayout1"
           Android:layout_width="fill_parent"
           Android:layout_height="fill_parent"
           Android:background="@drawable/bubbleblue" >

            <RelativeLayout
              Android:id="@+id/relativeLayout1"
              Android:layout_width="fill_parent"
              Android:layout_height="fill_parent" 
              Android:minHeight="100dp">

                <TextView
                    Android:id="@+id/chattitle"
                    Android:layout_width="wrap_content"
                    Android:layout_height="wrap_content"
                    Android:text="TextView"
                    Android:layout_marginTop="10dp"
                    Android:layout_marginLeft="10dp"/>

               <TextView Android:id="@+id/chatdate"
                    Android:layout_width="wrap_content"
                    Android:layout_height="wrap_content"
                    Android:text="TextView"
                    Android:layout_alignParentRight="true"
                    Android:layout_marginTop="10dp"/>

               <TextView Android:id="@+id/chatText"
                   Android:layout_width="fill_parent"
                   Android:layout_height="wrap_content"
                   Android:layout_alignBottom="@+id/chatstatus"
                   Android:layout_below="@+id/chattitle"
                   Android:layout_toLeftOf="@+id/chatstatus"
                   Android:text="TextView" />

              <ImageView
                  Android:id="@+id/chatstatus"
                  Android:layout_width="wrap_content"
                  Android:layout_height="wrap_content"
                  Android:src="@drawable/add_picture"
                  Android:layout_alignParentRight="true"
                  Android:layout_below="@+id/chatdate"
                  Android:minHeight="2dip"
                  Android:maxWidth="2sp"
                  Android:maxHeight="2sp"
                  Android:layout_marginRight="2dp"/>
        </RelativeLayout>
  </FrameLayout>

9
aftab

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

4
user717572

Используйте  enter image description here а также  enter image description here

для фона вашего корневого элемента макета.

щелкните правой кнопкой мыши по изображениям и выберите Сохранить цель как.

0
Iman Marashi