更新
RecyclerViews 具有水平布局。因此,在其中一个中放置一个垂直蒙古文 TextView 相对容易。以下是来自 的示例mongol-library
。
有关使用 a创建水平滚动列表的一般解决方案,请参阅此答案。RecyclerView
旧答案
很遗憾,Android API 没有提供水平 ListView。不过,有许多 StackOverflow Q&A 讨论了如何做到这一点。以下是几个示例:
但是当我真正尝试实施这些建议以及合并蒙古文垂直文本时,我的日子过得很糟糕。在我搜索的某个地方,我发现了一个略有不同的答案。这是一个旋转整个布局的类。它通过扩展 ViewGroup 来实现。这样,任何东西(包括 ListView)都可以放在 ViewGroup 中并进行旋转。所有的触摸事件也都有效。
正如我在关于蒙古语 TextViews 的回答中解释的那样,仅仅旋转蒙古语文本是不够的。如果每个 ListView 项(或 ViewGroup 中的其他文本元素)只有一行就足够了,但旋转多行会使换行方向错误。但是,水平镜像布局并使用垂直镜像字体可以克服这个问题,如下图所示。
我调整了旋转的 ViewGroup 代码来进行水平镜像。
public class MongolViewGroup extends ViewGroup {
private int angle = 90;
private final Matrix rotateMatrix = new Matrix();
private final Rect viewRectRotated = new Rect();
private final RectF tempRectF1 = new RectF();
private final RectF tempRectF2 = new RectF();
private final float[] viewTouchPoint = new float[2];
private final float[] childTouchPoint = new float[2];
private boolean angleChanged = true;
public MongolViewGroup(Context context) {
this(context, null);
}
public MongolViewGroup(Context context, AttributeSet attrs) {
super(context, attrs);
setWillNotDraw(false);
}
public View getView() {
return getChildAt(0);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
final View view = getView();
if (view != null) {
measureChild(view, heightMeasureSpec, widthMeasureSpec);
setMeasuredDimension(resolveSize(view.getMeasuredHeight(), widthMeasureSpec),
resolveSize(view.getMeasuredWidth(), heightMeasureSpec));
} else {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
if (angleChanged) {
final RectF layoutRect = tempRectF1;
final RectF layoutRectRotated = tempRectF2;
layoutRect.set(0, 0, right - left, bottom - top);
rotateMatrix.setRotate(angle, layoutRect.centerX(), layoutRect.centerY());
rotateMatrix.postScale(-1, 1);
rotateMatrix.mapRect(layoutRectRotated, layoutRect);
layoutRectRotated.round(viewRectRotated);
angleChanged = false;
}
final View view = getView();
if (view != null) {
view.layout(viewRectRotated.left, viewRectRotated.top, viewRectRotated.right,
viewRectRotated.bottom);
}
}
@Override
protected void dispatchDraw(Canvas canvas) {
canvas.save();
canvas.rotate(-angle, getWidth() / 2f, getHeight() / 2f);
canvas.scale(-1, 1);
super.dispatchDraw(canvas);
canvas.restore();
}
@Override
public ViewParent invalidateChildInParent(int[] location, Rect dirty) {
invalidate();
return super.invalidateChildInParent(location, dirty);
}
@Override
public boolean dispatchTouchEvent(MotionEvent event) {
viewTouchPoint[0] = event.getX();
viewTouchPoint[1] = event.getY();
rotateMatrix.mapPoints(childTouchPoint, viewTouchPoint);
event.setLocation(childTouchPoint[0], childTouchPoint[1]);
boolean result = super.dispatchTouchEvent(event);
event.setLocation(viewTouchPoint[0], viewTouchPoint[1]);
return result;
}
}
不过,蒙古文垂直镜像字体仍然需要设置在其他地方。我发现制作自定义 TextView 最简单:
public class MongolNonRotatedTextView extends TextView {
// This class does not rotate the textview. It only displays the Mongol font.
// For use with MongolLayout, which does all the rotation and mirroring.
// Constructors
public MongolNonRotatedTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
public MongolNonRotatedTextView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public MongolNonRotatedTextView(Context context) {
super(context);
init();
}
// This class requires the mirrored Mongolian font to be in the assets/fonts folder
private void init() {
Typeface tf = Typeface.createFromAsset(getContext().getAssets(),
"fonts/MongolMirroredFont.ttf");
setTypeface(tf);
}
}
那么自定义的 ListView 项 xml 布局可以如下所示:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/rlListItem"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<com.example.MongolNonRotatedTextView
android:id="@+id/tvListViewText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"/>
</RelativeLayout>
已知的问题:
- 如果您仔细查看下图,您会在文本周围看到微弱的水平和垂直线条。尽管此图像来自另一个开发人员的应用程序,但当我使用旋转后的 ViewGroup 时(但在使用旋转后的TextView时却没有),我的应用程序中得到了相同的工件。如果有人知道这些来自哪里,请给我留言!
- 此解决方案不处理呈现 Unicode 文本。要么你需要使用非 Unicode 文本(不鼓励),要么你需要在你的应用程序中包含一个渲染引擎。(Android 目前不支持 OpenType 智能字体渲染。希望将来会有所改变。相比之下,iOS 确实支持复杂的文本渲染字体。)请参阅此链接以获取 Unicode 蒙古语渲染引擎示例。