Android TextView Left Align and Right Align Text on the Same Line

Question

I need create TextView Left Align and Right Align Text on the Same Line, and output like this . I'm searching solution by using HTML text or something property Left Text and Right Text, some thing like method setCompoundDrawables

This is current output

and this is current code

PackageInfo packageInfo = (PackageInfo) getItem(position);
Drawable appIcon = packageManager.getApplicationIcon(packageInfo.applicationInfo);
int inPixels= (int) context.getResources().getDimension(R.dimen.iconsize);
appIcon.setBounds(0, 0, inPixels, inPixels);
holder.apkName.setCompoundDrawables(appIcon, null, null, null);
holder.apkName.setCompoundDrawablePadding(15);

String appName = packageManager.getApplicationLabel(packageInfo.applicationInfo).toString();
Date date=new Date(packageInfo.firstInstallTime);
SimpleDateFormat df2 = new SimpleDateFormat("dd.MM.yyyy");
String dateText = df2.format(date);
holder.apkName.setText(Html.fromHtml("<b>"+appName+"</b>("+dateText+")"));

Android TextView Left Align and Right Align Text on the Same Line — Kamil Ibadov, Feb 05 '17 at 07:44
Oh so you want the text to be on the Left corner as well as on the right corner? — Karun Shrestha, Feb 05 '17 at 07:45
I don,t wan't use viewgroup , I know it's easily possible with viewgroup , with two TextView — Kamil Ibadov, Feb 05 '17 at 07:49
I,m searching solution by using HTML text or something property Left Text and RIgth Text some thing like method setcompounddrawable — Kamil Ibadov, Feb 05 '17 at 07:50
You could put two Textviews in a RelativeLayout. See here: http://stackoverflow.com/questions/11222916/how-to-align-a-two-buttons-layout-left-and-right-in-android — L. Perez, Feb 05 '17 at 07:53
Let' me explain more, I have listview which every row consists one textview , I set this textview left drawable , and need set rigth text — Kamil Ibadov, Feb 05 '17 at 07:55
Also , I know use TableLayout, Custom rows which can use every viewgroup, but I don't want change code structure more, and need solution for a little time — Kamil Ibadov, Feb 05 '17 at 07:56
@Kamil Ibadov you dont get the answer that you are looking as long as you dont post your xml we dont know that is the root how it works — Charuක, Feb 05 '17 at 08:01
In xml i have only ListView, I,m programmatically populate adapter and set to listview — Kamil Ibadov, Feb 05 '17 at 08:03
Why not just use two textViews, your problem is already fixed mate — Karun Shrestha, Feb 05 '17 at 08:07
@Karun Shrestha so you want to display that name and version in two views? — Charuක, Feb 05 '17 at 08:08
Use Tahmid's answer below, that might work with a single view — Karun Shrestha, Feb 05 '17 at 08:11
Yes , it look it must work , I,m just checking it . And I will say result — Kamil Ibadov, Feb 05 '17 at 08:15
@Kamil Ibadov xoxo i saw your currant output as the expected one :P — Charuක, Feb 05 '17 at 08:22
@Kamil Ibadov i gave an answer and it was based on the wrong image heh now changed that! — Charuක, Feb 05 '17 at 08:35
@Kamil Ibadov you have two images i gave the answer by looking at the second one that colorful one and chaged it — Charuක, Feb 05 '17 at 08:39

score 1 · Accepted Answer · edited May 23 '17 at 12:17

1

If you are trying to avoid creating separate TextView, then you might need to use SpannableString.

I think, the solution is demonstrated here

You might get more idea through this link

edited May 23 '17 at 12:17

Community

1
1

answered Feb 05 '17 at 07:57

Tahmid Rahman

748
1
8
20

final String resultText = LeftText + " " + RightText; final SpannableString styledResultText = new SpannableString(resultText); styledResultText.setSpan((new AlignmentSpan.Standard(Alignment.ALIGN_OPPOSITE), LeftText.length() + 2, LeftText.length() + 2 +RightText.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); resultTextView.setText(styledResultText); – Kamil Ibadov Feb 05 '17 at 08:57
In the post exists some bugs ,etc but idea SpannableString helped me. Thank! – Kamil Ibadov Feb 05 '17 at 09:06
Glad to know it helped! – Tahmid Rahman Feb 05 '17 at 09:44

Karun Shrestha · Answer 2 · 2017-02-05T09:05:47.133

0

Using two textViews will give you the results: Here's an example:

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:weight="1"
        android:gravity="left"
        android:text="Text on the Left" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:weight="1"
        android:gravity="right"
        android:text="Text on the Right" />
</LinearLayout>

edited Feb 05 '17 at 09:05

answered Feb 05 '17 at 07:51

Karun Shrestha

731
7
16

2

@Hey Krunal there is mistake in your code. if you are using weightSum then no need set layuot_width for child simply make it 0dp or don't set weightSum – Umesh Sonawane Feb 05 '17 at 08:04
@UmeshSonawane I've tried and this works. There are a lot of ways to get a desired output. – Karun Shrestha Feb 05 '17 at 08:05
3

I am not saying it doesn't work i just want to tell you if you are set layout_width then there is no use of weighSum – Umesh Sonawane Feb 05 '17 at 08:09
Yes, its ok if weightSum is removed. – Karun Shrestha Feb 05 '17 at 08:13

score 0 · Answer 3 · answered Feb 05 '17 at 09:05

This is how look after using SpannableString. And this is what I want. Thank you!

And final code is :

PackageInfo packageInfo = (PackageInfo) getItem(position);
Drawable appIcon = packageManager.getApplicationIcon(packageInfo.applicationInfo);
int inPixels= (int) context.getResources().getDimension(R.dimen.iconsize);
appIcon.setBounds(0, 0, inPixels, inPixels);
holder.apkName.setCompoundDrawables(appIcon, null, null, null);
holder.apkName.setCompoundDrawablePadding(15);

String appName = packageManager.getApplicationLabel(packageInfo.applicationInfo).toString();
Date date=new Date(packageInfo.firstInstallTime);
SimpleDateFormat df2 = new SimpleDateFormat("dd.MM.yyyy");
String dateText = df2.format(date);
String LeftText=appName;
String RightText=dateText;
final String resultText = LeftText + "\n" + RightText;
final SpannableString styledResultText = new SpannableString(resultText);
styledResultText.setSpan(new AlignmentSpan.Standard(Layout.Alignment.ALIGN_OPPOSITE), LeftText.length() , LeftText.length() +RightText.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
holder.apkName.setText(styledResultText);

Android TextView Left Align and Right Align Text on the Same Line

3 Answers3