2012-02-17 3 views
3

Можно создать дубликат:
How can I implement a 'Lettrine' render in android?Как создать этот вид (макет)?

В своих приложениях я хочу показать новости (от Databse) в целях, для этого я должен создать этот тип просмотра показывает в изображении ниже ,

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

он должен быть выглядеть странице новостей. как показано ниже.

enter image description here

+0

возможно с помощью настраиваемого представления, как это: http://stackoverflow.com/questions/2248759/how-to-layout-text-to-flow-around -an-image –

ответ

2

Вам будет лучше использовать не макет, а разметьте ваши новости как HTML и поместите в WebView.

В противном случае вы можете взглянуть на Spannable, добавить Image как ImageSpan в TextView и (afaik), вы можете изменить способ выравнивания текста к изображению.

+0

те не из Интернета из базы данных. –

+0

Вы можете использовать 'Html.toHtml()' метод для создания HTML из вашего текста (например, строки). – OleGG

+1

+1 Все макеты в Android предполагают, что контент прямоугольный. Текст обязательно будет закончен, или под или рядом с изображением. Невозможно создать эффект lettrine, который хочет OP. – rds

0

код нормально, псевдо:

<RelativeLayout> 

<TextView id=TextView2 width/height=fill_parent /> 

<ImageView id=ImageView1 width/height=wrap_content 
     layout_alignparenttop=true layout_alignparent_left=true/> 
<TextView id=TextView1 width/height=wrap_content 
     layout_alignparenttop=true layout_alignparentright=true /> 
</RelativeLayout> 

Хитрость заключается в том, чтобы использовать RelativeLayout в качестве родителя, а затем layout_alignParentX набор атрибутов, чтобы определить относительное положение на экране. Кроме того, вышеупомянутый psuedo-layout предполагает, что TextView2 пойдет за изображение.

+0

, который выложит их так, но когда он на самом деле поместит текст в TextView2, ему нужно будет знать местоположение курсора, чтобы прыгать после изображения ... – L7ColWinters

+0

.setSelection (n), часть textView так, чтобы вы могли указать, куда курсор перейдет на – L7ColWinters

+0

, это не решение, я хочу начать курсор описания после заголовка текста eted и после того, как текст изображения должен начинаться с левого конца. –

0

проверить это

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:layout_gravity="center" 
android:background="#ffffff" 
android:orientation="vertical" > 

<TextView 
    android:id="@+id/textView1" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:background="#0059A9" 
    android:gravity="center" 
    android:padding="50dip" 
    android:text="TextView 1" /> 

<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_below="@+id/textView1" 
    android:layout_marginTop="10dip" 
    android:orientation="horizontal" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:background="#0059A9" 
     android:gravity="center" 
     android:padding="50dip" 
     android:text="TextView 1" /> 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_gravity="left" 

     android:background="#ffffff" 
     android:contentDescription="Image View" 
     android:src="@drawable/image_no" /> 
</RelativeLayout> 

+0

текстовый вид 2 получение поля в зависимости от ширины изображения. сверху вниз, то, что я хочу, это текст, который должен совпадать с высотой изображения после изображения, он также будет отображаться ниже изображения. –

+0

проверить мое редактирование сейчас. – Akram