gpt4 book ai didi

android - Android 中的倾斜或倾斜 UI 设计

转载 作者:塔克拉玛干 更新时间:2023-11-02 09:00:47 25 4
gpt4 key购买 nike

Slant UI

我正在尝试设计一个与此非常相似的用户界面。我已经能够设计出与上图几乎相似的设计,但我没有找到实现倾斜或倾斜部分的方法。

1) 谁能举例说明如何实现倾斜布局?

2) 如何将 FAB 放置在倾斜部分的正上方?

非常感谢任何帮助。

最佳答案

您可以使用 Canvas 创建一个带有 Slant top 的自定义 View ,然后将其放置在您的 TextView 上,以实现这种外观和感觉。

倾斜顶部自定义 View 的代码 fragment :

public class SlantView extends View {
private Context mContext;
Paint paint ;
Path path;

public SlantView(Context ctx, AttributeSet attrs) {
super(ctx, attrs);
mContext = ctx;
setWillNotDraw(false);
paint = new Paint(Paint.ANTI_ALIAS_FLAG);
}

@Override
protected void onDraw(Canvas canvas) {

int w = getWidth(), h = getHeight();
paint.setStrokeWidth(2);
paint.setColor(Color.WHITE);
paint.setStyle(Paint.Style.FILL_AND_STROKE);
paint.setAntiAlias(true);

path = new Path();
path.setFillType(Path.FillType.EVEN_ODD);
path.moveTo(0,0);
path.lineTo(0,h);
path.lineTo(w,h);
path.close();
canvas.drawPath(path, paint);
}
}

有关如何将其与 TextView 一起使用的代码 fragment

<com.pix.app.views.SlantView
android:layout_width="match_parent"
android:layout_height="30dp"
android:id="@+id/slant_view"
/>

<TextView/>

Desired UI

关于android - Android 中的倾斜或倾斜 UI 设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31066413/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com