开发者

Android - UI for text wrap an image

Is there anyway to 开发者_开发知识库wrap a TextView around an image? It's the typical thing that people do in CSS like this http://www.echoecho.com/htmlimages08.htm

Thanks,

Tee


I've written a widget for this: http://code.google.com/p/android-flowtextview/

Android - UI for text wrap an image

This widget extends (and therefore behaves like) a RelativeLayout so you can add child views. The class exposes a setText() method which allows you to set the view's text (plain or spannable) and then you call invalidate() to render the text. The text will fill in any space left by the child views.

Example usage:

 <com.pagesuite.flowtext.FlowTextView
            android:id="@+id/tv"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentTop="true"
                android:padding="10dip"
                android:src="@drawable/android" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginTop="400dip"
                android:padding="10dip"
                android:src="@drawable/android2" />
        </com.pagesuite.flowtext.FlowTextView>

Then in your code:

tv = (FlowTextView) findViewById(R.id.tv);              
Spanned spannable = Html.fromHtml("<html ... </html>");
tv.setText(spannable);  // using html
tv.setText("my string"); // using plain text    
tv.invalidate(); // call this to render the text

Always happy to assist if you have any problems using this, find my email on my profile


Why not just use a WebView? You'll have more freedom in the future to customize the layout that way.

If a WebView is too heavyweight for your use case, you'll probably need to render the text and image manually. You may find some relevant information in this android-developers thread.


Another way to accomplish this is to make a image containing the text and the images you want displayed. Obviously heavier weight and a workaround.

You can do this using webview and a workaround to load local content. As of the 1.0 SDK the webview cant load local content without the work arounds described in these articles:

http://www.techjini.com/blog/2009/01/10/android-tip-1-contentprovider-accessing-local-file-system-from-webview-showing-image-in-webview-using-content/

and

http://blog.tourizo.com/2009/02/how-to-display-local-file-in-android.html

Roman's link is to a thread that says you can't do it with text view, so that's not an option at this point.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜