搜索
搜索

曲线图像视图角android

Bablu Gaur 发表于 Dev
16
今日巴布卢

从最近很多天开始，我试图为我的观点实现曲线角。我想像这个图像一样设计我的 xml：在此处输入图片说明

或网址：示例图片

我想要的只是带有曲线角的图像。如果图像适合其父级，则宽度为宽度，而高度为自动。因此可以显示完整图像。

我试图用cardView，Glide，Picasso和com.makeramen.roundedimageview.RoundedImageView库，但不能得到正确的结果。

适配器主页.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:background="@color/transparent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/_5sdp"
        android:layout_marginEnd="@dimen/_5sdp"
        android:orientation="vertical">

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/transparent">
            <ProgressBar
                android:id="@+id/progress"
                android:layout_width="match_parent"
                android:layout_height="100dp"
                android:visibility="gone" />

            <ImageView
                android:id="@+id/thumbnail"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/influencers"
                android:scaleX="1"
                android:scaleY="1"
                />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:orientation="horizontal"
                android:paddingTop="@dimen/_2sdp"
                android:layout_marginStart="@dimen/_1sdp"
                android:background="@color/light_transparent"
                >
                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.33"
                    android:paddingLeft="@dimen/_5sdp"
                    android:orientation="horizontal"
                    >
                    <ImageView
                        android:layout_width="@dimen/_12sdp"
                        android:layout_height="@dimen/_12sdp"
                        android:src="@drawable/ic_happy_smily"
                        android:layout_gravity="center"
                        />
                    <TextView
                        android:id="@+id/total_reaction"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/thumbnail"
                        android:text="3k"
                        android:textColor="@color/white"
                        android:layout_gravity="bottom"
                        android:gravity="start"
                        android:textSize="@dimen/_10sdp"
                        android:paddingLeft="@dimen/_5sdp"
                        />
                </LinearLayout>
                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.33"
                    android:orientation="horizontal"
                    android:layout_gravity="center"
                    android:gravity="center"
                    >
                    <ImageView
                        android:layout_width="@dimen/_15sdp"
                        android:layout_height="@dimen/_15sdp"
                        android:src="@drawable/ic_eye_watch_white"
                        android:layout_gravity="center"
                        />
                    <TextView
                        android:id="@+id/total_watch"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/thumbnail"
                        android:text="3k"
                        android:textColor="@color/white"
                        android:layout_gravity="bottom"
                        android:gravity="start"
                        android:textSize="@dimen/_10sdp"
                        android:paddingLeft="@dimen/_5sdp"
                        />
                </LinearLayout>
                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.33"
                    android:orientation="horizontal"
                    android:layout_gravity="center"
                    android:gravity="end"
                    >
                    <TextView
                        android:id="@+id/total_time"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/thumbnail"
                        android:text="0 Sec"
                        android:textColor="@color/white"
                        android:layout_gravity="bottom"
                        android:gravity="end"
                        android:textSize="@dimen/_10sdp"
                        android:paddingRight="@dimen/_5sdp"
                        />
                </LinearLayout>
            </LinearLayout>
        </FrameLayout>
    </LinearLayout>
    <TextView
        android:id="@+id/post_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="@dimen/_5sdp"
        android:text="sdsds"
        android:layout_gravity="top"
        android:gravity="top"
        android:layout_marginBottom="@dimen/_5sdp"
        android:textSize="@dimen/_12sdp"
        android:singleLine="true"
        android:ellipsize="marquee"
        android:marqueeRepeatLimit="marquee_forever"
        android:scrollHorizontally="true"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:enabled="true"
        android:textColor="@color/black"
        />
</LinearLayout>

也代替 

<LinearLayout
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/_5sdp"
        android:layout_marginEnd="@dimen/_5sdp"
        android:orientation="vertical">
</LinearLayout>

我尝试使用CardView但它不起作用。

<androidx.cardview.widget.CardView
    android:id="@+id/card_view"
    xmlns:card_view="https://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardBackgroundColor="@color/grey_300"
    card_view:cardCornerRadius="10dp"
    card_view:cardElevation="0dp"
    card_view:cardUseCompatPadding="true">
</androidx.cardview.widget.CardView>

使用毕加索：

Transformation transformation = new RoundedTransformationBuilder()
   .borderColor(Color.BLACK)
   .cornerRadiusDp(30)
   .oval(false)
   .build();
Picasso.get()
   .load(imageUrl)
   .placeholder(R.drawable.influencers)
   .error(R.drawable.influencers)
   .transform(transformation)
   .into(holder.thumbnail);

使用下面是我的输出后：输出在这里，图像留空白底部空间

AK23

使用 cardview 并给出卡角半径。在 cardview 中采用任何布局然后使用该布局中的任何视图。

例子：

<androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="10dp"
        app:cardElevation="0dp"
        android:id="@+id/inercard"
        app:cardBackgroundColor="#ffffff">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="180dp"
                android:id="@+id/imageview"
                android:scaleType="fitXY"
                />



        </LinearLayout>
    </androidx.cardview.widget.CardView>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

余弦曲线图

曲线图功能

Matplotlib曲线图直方图

威布尔曲线图

多变量曲线图

法线曲线图不...法线

绘制累积增益曲线图R

带有sjplot的曲线图

从多曲线图中识别/提取相同曲线

反复在曲线图/图形/画布上堆叠曲线

Sklearn Logistic回归，绘制概率曲线图

使用星号创建正弦波曲线图

Tensorflow层映射输入到回归曲线图

使用晶格创建多面板ROC曲线图

曲线图显示负值，但没有任何值

如何在matplotlib中制作曲线图

自举插入符号模型的ROC曲线图

在D3中为曲线图制作动画

在学习曲线图中如何制作平坦的验证精度曲线

如何在python的matplotlib上重新绘制一条曲线以获得乘法曲线图？

将Google Bell曲线图和条形图合二为一

如何生成具有足够间距以容纳大量数字的曲线图

drc软件包中的剂量响应曲线图未显示所有点

曲线图在X轴上按顺序显示不同年份的数据

Holoviews：如何为链接的时间序列曲线图自定义直方图

更改数据后，曲线图将在末端绘制新点

这个 ROC 曲线图看起来很奇怪（sklearn SVC）

与生成的统计数据不一致的 Kaplan-Meier 曲线图

ggplot生存曲线图如何更改图例文本

TOP 榜单

  1. 1

    UITableView的项目向下滚动后更改颜色，然后快速备份

  2. 2

    Linux的官方Adobe Flash存储库是否已过时？

  3. 3

    用日期数据透视表和日期顺序查询

  4. 4

    应用发明者仅从列表中选择一个随机项一次

  5. 5

    Mac OS X更新后的GRUB 2问题

  6. 6

    验证REST API参数

  7. 7

    Java Eclipse中的错误13，如何解决？

  8. 8

    带有错误“ where”条件的查询如何返回结果？

  9. 9

    ggplot：对齐多个分面图-所有大小不同的分面

  10. 10

    尝试反复更改屏幕上按钮的位置 - kotlin android studio

  11. 11

    如何从视图一次更新多行（ASP.NET - Core）

  12. 12

    计算数据帧中每行的NA

  13. 13

    蓝屏死机没有修复解决方案

  14. 14

    在 Python 2.7 中。如何从文件中读取特定文本并分配给变量

  15. 15

    离子动态工具栏背景色

  16. 16

    VB.net将2条特定行导出到DataGridView

  17. 17

    通过 Git 在运行 Jenkins 作业时获取 ClassNotFoundException

  18. 18

    在Windows 7中无法删除文件（2）

  19. 19

    python中的boto3文件上传

  20. 20

    当我尝试下载 StanfordNLP en 模型时，出现错误

  21. 21

    Node.js中未捕获的异常错误，发生调用

热门标签

归档