4

我想在收据中实现类似产品列表的东西：
啤酒...................................... ..... 20
牛奶 .................................. 10
带有果酱的饼干 ..................... 15
智能手机 10GB 3GHz
1GB RAM NFC 10MPx
相机 .................. .................... 400

描述：检查信息（啤酒，牛奶）我认为它应该是一个TextView，我需要用点填充。
Money (20, 10) 是另一个应该与 ViewGroup 右侧对齐的 TextView。

任何想法如何做到这一点？也许我需要从 TextView 继承并覆盖 onDraw() 什么的？
非常感谢您的建议！！！

4

7 回答 7

3

您应该为每一行创建三个 TextView，并排排列：

  1. TextView 带有产品名称（例如“啤酒”）
  2. 带点的 TextView
  3. 带有数字的文本视图（例如“20”）

然后将一种产品排成一排。Row 应该是相对布局，其中：

  • 文本视图编号 1 与左边缘对齐，宽度设置为环绕内容
  • 文本视图编号 3 与右边缘对齐，宽度设置为包裹内容
  • 文本视图编号 2 是向左的电视号码。3和toRightOf TV no.1，它应该在XML文件中填充大量的点。这永远不会改变。

这会奏效，因为 2 号电视的宽度会缩小，并且始终位于产品名称和价格之间。相信我 ：）

于 2013-06-29T08:28:00.507 回答
3

我有解决办法。也许它会帮助某人。

  1. 文件 check_info_item.xml：

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="horizontal">
<RelativeLayout android:layout_width="match_parent"
          android:layout_height="wrap_content">

<TextView android:layout_height="wrap_content"
          android:layout_width="wrap_content"
          android:id="@+id/txt_fake_value"
          android:textSize="18dp"
          android:textColor="@android:color/transparent"
          android:layout_alignParentRight="true"/>
<example.com.CheckInfoTextView android:layout_height="wrap_content"
          android:layout_width="match_parent"
          android:id="@+id/txt_fake_info"
          android:textSize="18dp"
          android:textColor="@android:color/transparent"
          android:layout_alignParentLeft="true"
          android:layout_toLeftOf="@id/txt_fake_value"/>
<TextView android:layout_height="wrap_content"
          android:layout_width="wrap_content"
          android:id="@+id/txt_check_info_value"
          android:text=""
          android:textSize="18dp"
          android:textColor="#000"
          android:layout_alignParentRight="true"
          android:layout_alignBottom="@id/txt_fake_info"/>
<example.com.CheckInfoTextView
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:textSize="18dp"
        android:textColor="#000"
        android:id="@+id/txt_check_info"
        android:text=""
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@id/txt_check_info_value"/>
</RelativeLayout>
</LinearLayout>

  2. 填写信息字段的代码（在活动中）：

        View row = getLayoutInflater().inflate(R.layout.check_info_item, null);
    //Fake fields needed to align base fields in the xml file
    TextView txtFakeValue = (TextView) row.findViewById(R.id.txt_fake_value);
    txtFakeValue.setText(String.valueOf(pair.second));

    TextView txtFake = (TextView) row.findViewById(R.id.txt_fake_info);
    txtFake.setText(pair.first);

    TextView txtValue = (TextView) row.findViewById(R.id.txt_check_info_value);
    txtValue.setText(String.valueOf(pair.second));

    TextView txtTitle = (TextView) row.findViewById(R.id.txt_check_info);
    txtTitle.setText(pair.first);

  3. 和 CheckInfoTextView：

    public class CheckInfoTextView extends TextView {


    public CheckInfoTextView(Context context) {
        super(context);
    }

    public CheckInfoTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CheckInfoTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void onWindowFocusChanged(boolean hasWindowFocus) {
        super.onWindowFocusChanged(hasWindowFocus);
        if(!hasWindowFocus) return;

        int requiredDots = getRequiredDotsNumber();
        if(requiredDots == 0) {
            String text = getText().toString();
            StringBuilder result = new StringBuilder();
            result.append(text.substring(0, text.lastIndexOf(' ')));
            result.append("\n");
            result.append(text.substring(text.lastIndexOf(' ') + 1));
            setText(result.toString());

            requiredDots = getRequiredDotsNumber();
        }
        String dots = "";
        for (int i = 0; i < requiredDots; ++i) {
            dots += " .";
        }
        setText(getText() + dots);
    }

    private int getRequiredDotsNumber() {
        final int width = getWidth();
        final int lastLineWidth = (int) getLayout().getLineWidth(getLineCount() - 1);
        final int availableWidthForDots = width - lastLineWidth;
        final int widthOfOneDot = getWidthOfOneDot();
        final int widthOfTwoDotsWithSpace = getWidthOfTwoDotsWithSpace();
        final int widthOfSpace = widthOfTwoDotsWithSpace - (widthOfOneDot * 2);
        final int widthOfDotWithSpace = widthOfSpace + widthOfOneDot;
        int numberOfDots = availableWidthForDots / widthOfDotWithSpace;
        return numberOfDots;
    }

    private int getWidthOfTwoDotsWithSpace() {
       return getStringWidth(". .");
    }

    private int getWidthOfOneDot() {
       return getStringWidth(".");
    }

    private int getStringWidth(String text) {
        Rect dotBounds = new Rect();
        getPaint().getTextBounds(text,0,text.length(),dotBounds);
        return dotBounds.width();
    }
}
于 2013-06-29T15:26:09.117 回答
2

我已经更改了 Serg_ 的 CheckinfoTextView 类，使其既可以在 eclipse 布局编辑器中使用，也可以在可能的情况下添加空格，以使页码尽可能靠近右侧。我也改变了它的使用方式。

去完成：

Milk...................23
Chocolate cookies......24

将文本分别设置为“牛奶 23”和“巧克力饼干 24”

空格数是四舍五入而不是四舍五入，所以最好把数字放在右边而不是左边太多

public class DotAutofillTextView extends TextView {

private int availableWidthForDots;
private int widthOfSpace;
private int widthOfDotWithSpace;

public DotAutofillTextView(Context context) {
    super(context);
}

public DotAutofillTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public DotAutofillTextView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    int width = getWidth() - getPaddingLeft() - getPaddingRight();
    int lastLineWidth = (int) getLayout().getLineWidth(getLineCount() - 1);
    availableWidthForDots = width - lastLineWidth;
    int widthOfOneDot = getWidthOfOneDot();
    int widthOfTwoDotsWithSpace = getWidthOfTwoDotsWithSpace();
    widthOfSpace = widthOfTwoDotsWithSpace - (widthOfOneDot * 2);
    widthOfDotWithSpace = widthOfSpace + widthOfOneDot;
    int requiredDots = getRequiredDotsNumber();
    if (requiredDots != 0) {
        int spaces = getRequiredSpacesNumber(requiredDots);
        StringBuilder result = new StringBuilder();
        String text = getText().toString();
        result.append(text.substring(0, text.lastIndexOf(' ')));
        setText(result.toString());
        StringBuilder dots = new StringBuilder();
        for (int i = 0; i < requiredDots; ++i) {
            dots.append(" .");
        }
        for (int i = 0; i < spaces; ++i) {
            dots.append(" ");
        }
        result.append(dots.toString());
        result.append(text.substring(text.lastIndexOf(' ') + 1));
        setText(result.toString());
    }
    super.onLayout(changed, left, top, right, bottom);
}

private int getRequiredSpacesNumber(int requiredDots) {
    float remain = (1f * availableWidthForDots) % (1f * widthOfDotWithSpace);
    return (int) ((remain / widthOfSpace) + 0.5f);
}

private int getRequiredDotsNumber() {
    if (getLayout() == null) {
        return 1;
    }
    int numberOfDots = availableWidthForDots / widthOfDotWithSpace;
    return numberOfDots;
}

private int getWidthOfTwoDotsWithSpace() {
    return getStringWidth(". .");
}

private int getWidthOfOneDot() {
    return getStringWidth(".");
}

private int getStringWidth(String text) {
    Rect dotBounds = new Rect();
    getPaint().getTextBounds(text, 0, text.length(), dotBounds);
    return dotBounds.width();
}

}

于 2014-11-20T17:46:06.513 回答
0

如果 '.'(dots) 是您的基本要求，那么您可以像这样尝试..

我的建议，只用我TextView来装啤酒...10（搭便车）

试试这样。。

    int label_len = 10;//Edit as per your requirement
     String MoneyValue = "20";
    TextView tv = (TextView)findViewById(your id);
    tv.setText("Beer");

    if(tv.getText().length() < label_len){
        for(int i = tv.getText().length(); i < label_len; i++){

           tv.setText(tv.getText()+".");
        }
    }
tv.setText(tv.getText() + MoneyValue);

这是一个带有硬编码值的示例，您可以尝试动态添加...

希望这可以帮助...

于 2013-06-29T06:31:46.507 回答
0

在此处输入图像描述您可以通过仅使用 layout.xml 来实现此目的。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
    android:layout_width="fill_parent"
    android:![enter image description here][2]layout_height="fill_parent">
<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content"    
    android:weightSum="1">    
<TextView android:layout_height="wrap_content"
          android:layout_width="0dp"
          android:layout_weight="0.9"          
          android:text="Milk.................................................................................................................................." />
<TextView android:layout_height="wrap_content"
          android:layout_width="0dp"
          android:layout_weight="0.1"             
          android:text="20" />
</LinearLayout>
</LinearLayout>

该解决方案适用于具有不同分辨率的所有设备。

于 2013-06-29T07:16:06.840 回答
0

使用相对布局：

TextView View TextView

第一个设置宽度以换行内容，并在上一行的文本视图下方。
第二个视图，设置在第一个文本视图的右侧，并使用带有水平重复点的背景可绘制对象。设置宽度以匹配父级。
最后一个视图，设置为中间视图的右侧和宽度以包裹内容并与父视图的右侧对齐。

于 2013-06-29T09:53:05.890 回答
0

我遇到了同样的问题，并使用 ConstraintLayout 找到了这个解决方案：

   <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                >

            <TextView
                android:id="@+id/item"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Phone"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                />

            <TextView
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:text="...................................................................................................."
                android:maxLines="1"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintLeft_toRightOf="@id/item"
                app:layout_constraintRight_toLeftOf="@id/price"/>

            <TextView
                android:id="@+id/price"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="end"
                android:text="100"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                />
   </androidx.constraintlayout.widget.ConstraintLayout>
于 2020-01-29T21:10:46.570 回答