搜索
搜索

约束布局 - 如何使图像视图（框架）在整个屏幕上移动

Narendra Pal 发表于 Dev
63
纳伦德拉·帕尔

我有一个像 Tinder 这样的卡片视图的约束布局。我改变了该视图的大小，喜欢可以移动（喜欢/不喜欢）。但是图像正在被剪切（因为它位于内部框架中）。我想手动在整个屏幕上移动框架。

这是布局文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/root_content_list"
        android:background="@color/white"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <in.zapr.onemedia.custom.ZTextView
            android:id="@+id/heading"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            app:layout_constraintHeight_percent="0.1"
            android:text="@string/card_title"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginLeft="16dp"
            android:layout_marginRight="16dp"
            android:layout_gravity="center"
            android:gravity="bottom"
            android:textColor="@color/cs_title"
            app:type_face="@string/font_heavy"
            android:textAppearance="?android:textAppearanceLarge"/>

    <in.zapr.onemedia.custom.ZTextView
            android:id="@+id/headingTip"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text="@string/card_tip"
            android:layout_gravity="center"
            android:gravity="center"
            android:textColor="@color/cs_subtitle"
            app:type_face="@string/font_heavy"
            app:layout_constraintLeft_toLeftOf="@id/heading"
            app:layout_constraintRight_toRightOf="@id/heading"
            app:layout_constraintTop_toBottomOf="@id/heading"
            android:textAppearance="?android:textAppearanceSmall"/>
    <ProgressBar
            android:id="@+id/pb_loading_content_selection"
            android:layout_width="50dp"
            android:layout_height="0dp"
            app:layout_constraintLeft_toLeftOf="@id/ll_cardView"
            app:layout_constraintRight_toRightOf="@id/ll_cardView"
            app:layout_constraintTop_toTopOf="@id/ll_cardView"
            app:layout_constraintBottom_toBottomOf="@id/ll_cardView"
            android:layout_marginLeft="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginEnd="8dp"
            android:layout_gravity="center"
            android:layout_marginRight="8dp"
            android:layout_marginTop="8dp"
            android:visibility="gone"/>

    <ImageView
            android:id="@+id/btn_retry_content_selection"
            android:layout_width="50dp"
            android:layout_height="0dp"
            app:layout_constraintLeft_toLeftOf="@id/ll_cardView"
            app:layout_constraintRight_toRightOf="@id/ll_cardView"
            app:layout_constraintTop_toTopOf="@id/ll_cardView"
            app:layout_constraintBottom_toBottomOf="@id/ll_cardView"
            android:padding="10dp"
            android:visibility="gone"
            android:layout_gravity="center"
            app:srcCompat="@drawable/reload"/>


    <LinearLayout
            android:id="@+id/ll_cardView"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:orientation="vertical"
            app:layout_constraintHeight_percent="0.45"
            app:layout_constraintWidth_percent="0.6"
            android:layout_marginTop="10dp"
            app:layout_constraintTop_toBottomOf="@id/headingTip"
            app:layout_constraintBottom_toTopOf="@id/button_container"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent">

        <ImageView
                android:id="@+id/cardViewBackground"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:visibility="gone"
                app:srcCompat="@drawable/no_content_available"
                android:clipToPadding="false"/>

        <com.yuyakaido.android.cardstackview.CardStackView
                android:id="@+id/card_stack_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:visibility="visible"
                android:clipToPadding="false">
        </com.yuyakaido.android.cardstackview.CardStackView>

    </LinearLayout>


    <RelativeLayout
            android:id="@+id/button_container"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintHeight_percent="0.25"
            app:layout_constraintBottom_toTopOf="@id/ll_Next"
            app:layout_constraintTop_toBottomOf="@id/ll_cardView"
            android:clipChildren="false">

        <LinearLayout
                android:id="@+id/ll_floating"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:gravity="center">

            <android.support.design.widget.FloatingActionButton
                    android:id="@+id/skip_button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:scaleType="fitXY"
                    app:fabSize="normal"
                    app:borderWidth="0dp"
                    android:padding="0dp"
                    app:useCompatPadding="true"
                    app:srcCompat="@drawable/onboarding_dislike"
                    app:backgroundTint="@android:color/white"/>

            <android.support.design.widget.FloatingActionButton
                    android:id="@+id/maybe_button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:scaleType="fitXY"
                    app:srcCompat="@drawable/onboarding_maybe"
                    app:backgroundTint="@android:color/transparent"
                    app:fabSize="normal"
                    app:borderWidth="0dp"
                    android:padding="0dp"
                    app:useCompatPadding="true"/>

            <android.support.design.widget.FloatingActionButton
                    android:id="@+id/like_button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:scaleType="fitXY"
                    app:srcCompat="@drawable/onboarding_like"
                    app:backgroundTint="@android:color/transparent"
                    app:fabSize="normal"
                    app:borderWidth="0dp"
                    android:padding="0dp"
                    app:useCompatPadding="true"/>
        </LinearLayout>

        <in.zapr.onemedia.custom.ZTextView
                android:textAppearance="?android:textAppearanceSmall"
                android:id="@+id/tv_not_seen"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textColor="@color/cs_not_seen"
                app:type_face="@string/font_heavy"
                android:text="@string/not_seen_text"
                android:layout_below="@id/ll_floating"/>

    </RelativeLayout>
    <in.zapr.onemedia.custom.ZButton
            android:id="@+id/ll_Next"
            android:layout_width="0dp"
            android:layout_height="70dp"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            android:background="@drawable/layout_click_selector"
            android:text="@string/letsGo"
            android:textAppearance="?android:textAppearanceMedium"
            android:textColor="@color/white"
            android:focusable="false"
            android:gravity="center"
            app:type_face="@string/font_black"/>

</android.support.constraint.ConstraintLayout>

这就是问题 问题图像

xml的输出将我 xml的输出

我从这里使用 CardStackView，

https://github.com/yuyakaido/CardStackView

弗拉季斯拉夫·谢尔巴科夫

尝试添加到ll_cardView和root_content_list这个属性

android:clipChildren="false" 
android:clipToPadding="false"

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

视图是否重叠，约束布局？

约束布局嵌套中心视图

导航视图和约束布局

约束布局导致视图重叠

约束布局中的动态视图

约束布局在屏幕边缘向下移动

如何设置固定布局约束？

如何重新调整约束布局

动画约束导致子视图布局在屏幕上可见

如何在XML的框架布局中嵌套约束布局？

如何以编程方式在约束布局中移动视图（按钮）？

如何将图像视图添加到约束布局

android 约束布局支持不同的屏幕尺寸

如何为约束布局上的嵌套视图设置动画？

单个“自动布局”约束更改会破坏整个布局

约束布局文本视图未显示

视图在约束布局中不可见

在约束布局中创建和动画视图

视图推到水平约束布局之外

从约束布局循环设置视图子项的重力

Android约束布局，视图有重量吗？

约束项都必须是视图或布局指南

iOS：具有隐藏视图的布局约束

分页滚动视图约束布局问题

约束布局，视图超出范围

对自定义视图使用约束布局

将文本视图与约束布局对齐

具有旋转视图的约束布局

更改 recyclerview 视图布局中的约束 - android

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中未捕获的异常错误，发生调用

热门标签

归档