在安卓中如何使一个视图覆盖在其他所有视图之上？

huangapple
未分类评论45阅读模式
英文:

make a view overlay all other views in android?

问题

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="wrap_content">
  8.     <androidx.cardview.widget.CardView
  9.         android:layout_width="wrap_content"
  10.         android:layout_height="wrap_content"
  11.         android:layout_marginLeft="0dp"
  12.         android:layout_marginTop="7dp"
  13.         android:layout_marginRight="0dp"
  14.         android:layout_marginBottom="7dp"
  15.         app:cardCornerRadius="0dp"
  16.         app:cardElevation="@dimen/cardview_default_elevation">
  18.         <RelativeLayout
  19.             android:id="@+id/relative1"
  20.             android:layout_width="match_parent"
  21.             android:layout_height="wrap_content">
  23.             <ImageView
  24.                 android:id="@+id/img"
  25.                 android:layout_width="match_parent"
  26.                 android:layout_height="fill_parent"
  27.                 android:adjustViewBounds="true"
  28.                 android:transitionName="img"
  29.                 tools:ignore="UnusedAttribute" />
  31.             <ImageView
  32.                 android:id="@+id/shadow_bottom"
  33.                 android:layout_width="match_parent"
  34.                 android:layout_height="80dp"
  35.                 android:layout_alignBottom="@id/img"
  36.                 android:src="@drawable/bottom_shadow" />
  38.             <ProgressBar
  39.                 android:id="@+id/progress_load_photo"
  40.                 style="@android:style/Widget.ProgressBar.Small"
  41.                 android:layout_width="match_parent"
  42.                 android:layout_height="wrap_content"
  43.                 android:layout_above="@+id/shadow_bottom"
  44.                 android:layout_alignParentTop="true"
  45.                 android:layout_alignParentEnd="true"
  46.                 android:layout_marginTop="251dp"
  47.                 android:layout_marginEnd="2dp"
  48.                 android:layout_marginBottom="298dp" />
  50.             <TextView
  51.                 android:id="@+id/author"
  52.                 android:layout_width="match_parent"
  53.                 android:layout_height="30dp"
  54.                 android:layout_below="@+id/img"
  55.                 android:layout_alignStart="@+id/title"
  56.                 android:layout_alignLeft="@+id/title"
  57.                 android:layout_alignTop="@+id/title"
  58.                 android:layout_alignEnd="@id/title"
  59.                 android:layout_alignRight="@+id/title"
  60.                 android:layout_marginRight="160dp"
  61.                 android:drawablePadding="10dp"
  62.                 android:ellipsize="end"
  63.                 android:gravity="bottom"
  64.                 android:maxLines="1"
  65.                 android:singleLine="true"
  66.                 android:text="Author"
  67.                 android:textColor="@android:color/white" />
  69.             <!-- Other views are not translated to keep code concise -->
  71.             <ro.andreidobrescu.emojilike.EmojiLikeView
  72.                 android:id="@+id/emojiView"
  73.                 android:layout_width="match_parent"
  74.                 android:layout_height="110dp"
  75.                 android:layout_alignBottom="@+id/like"
  76.                 android:layout_marginBottom="10dp" />
  78.             <!-- Other views are not translated to keep code concise -->
  80.         </RelativeLayout>
  82.     </androidx.cardview.widget.CardView>
  84. </FrameLayout>
英文:

I want to add facebook-like emoji to my application. I used a library called emojilike-android. It works but I can't see the whole part of the view. It goes under a text view called desc. I tried bringToFront() but couldn't achieve it. How to make emojiView overlay everything?

emojiView opens when long-click to like.

my xml file:

  1. &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  2. &lt;FrameLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
  3.     xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
  4.     xmlns:tools=&quot;http://schemas.android.com/tools&quot;
  5.     android:layout_width=&quot;match_parent&quot;
  6.     android:layout_height=&quot;wrap_content&quot;&gt;
  8.     &lt;androidx.cardview.widget.CardView
  9.         android:layout_width=&quot;wrap_content&quot;
  10.         android:layout_height=&quot;wrap_content&quot;
  11.         android:layout_marginLeft=&quot;0dp&quot;
  12.         android:layout_marginTop=&quot;7dp&quot;
  13.         android:layout_marginRight=&quot;0dp&quot;
  14.         android:layout_marginBottom=&quot;7dp&quot;
  15.         app:cardCornerRadius=&quot;0dp&quot;
  16.         app:cardElevation=&quot;@dimen/cardview_default_elevation&quot;&gt;
  18.         &lt;RelativeLayout
  19.             android:id=&quot;@+id/relative1&quot;
  20.             android:layout_width=&quot;match_parent&quot;
  21.             android:layout_height=&quot;wrap_content&quot;&gt;
  23.             &lt;ImageView
  24.                 android:id=&quot;@+id/img&quot;
  25.                 android:layout_width=&quot;match_parent&quot;
  26.                 android:layout_height=&quot;fill_parent&quot;
  27.                 android:adjustViewBounds=&quot;true&quot;
  28.                 android:transitionName=&quot;img&quot;
  29.                 tools:ignore=&quot;UnusedAttribute&quot; /&gt;
  31.             &lt;ImageView
  32.                 android:id=&quot;@+id/shadow_bottom&quot;
  33.                 android:layout_width=&quot;match_parent&quot;
  34.                 android:layout_height=&quot;80dp&quot;
  35.                 android:layout_alignBottom=&quot;@id/img&quot;
  36.                 android:src=&quot;@drawable/bottom_shadow&quot; /&gt;
  38.             &lt;ProgressBar
  39.                 android:id=&quot;@+id/progress_load_photo&quot;
  40.                 style=&quot;@android:style/Widget.ProgressBar.Small&quot;
  41.                 android:layout_width=&quot;match_parent&quot;
  42.                 android:layout_height=&quot;wrap_content&quot;
  43.                 android:layout_above=&quot;@+id/shadow_bottom&quot;
  44.                 android:layout_alignParentTop=&quot;true&quot;
  45.                 android:layout_alignParentEnd=&quot;true&quot;
  46.                 android:layout_marginTop=&quot;251dp&quot;
  47.                 android:layout_marginEnd=&quot;2dp&quot;
  48.                 android:layout_marginBottom=&quot;298dp&quot; /&gt;
  50.             &lt;TextView
  51.                 android:id=&quot;@+id/author&quot;
  52.                 android:layout_width=&quot;match_parent&quot;
  53.                 android:layout_height=&quot;30dp&quot;
  54.                 android:layout_below=&quot;@+id/img&quot;
  55.                 android:layout_alignStart=&quot;@+id/title&quot;
  56.                 android:layout_alignLeft=&quot;@+id/title&quot;
  57.                 android:layout_alignTop=&quot;@+id/title&quot;
  58.                 android:layout_alignEnd=&quot;@id/title&quot;
  59.                 android:layout_alignRight=&quot;@+id/title&quot;
  60.                 android:layout_marginRight=&quot;160dp&quot;
  61.                 android:drawablePadding=&quot;10dp&quot;
  62.                 android:ellipsize=&quot;end&quot;
  63.                 android:gravity=&quot;bottom&quot;
  64.                 android:maxLines=&quot;1&quot;
  65.                 android:singleLine=&quot;true&quot;
  66.                 android:text=&quot;Author&quot;
  67.                 android:textColor=&quot;@android:color/white&quot; /&gt;
  70.             &lt;TextView
  71.                 android:id=&quot;@+id/title&quot;
  72.                 android:layout_width=&quot;match_parent&quot;
  73.                 android:layout_height=&quot;wrap_content&quot;
  74.                 android:layout_below=&quot;@+id/img&quot;
  75.                 android:layout_marginLeft=&quot;16dp&quot;
  76.                 android:layout_marginTop=&quot;10dp&quot;
  77.                 android:layout_marginRight=&quot;16dp&quot;
  78.                 android:fontFamily=&quot;sans-serif-light&quot;
  79.                 android:text=&quot;Title&quot;
  80.                 android:textColor=&quot;@color/colorTextTitle&quot;
  81.                 android:textSize=&quot;17sp&quot;
  82.                 android:textStyle=&quot;bold&quot; /&gt;
  84.             &lt;TextView
  85.                 android:id=&quot;@+id/desc&quot;
  86.                 android:layout_width=&quot;match_parent&quot;
  87.                 android:layout_height=&quot;wrap_content&quot;
  88.                 android:layout_below=&quot;@+id/title&quot;
  89.                 android:layout_marginLeft=&quot;16dp&quot;
  90.                 android:layout_marginTop=&quot;5dp&quot;
  91.                 android:layout_marginRight=&quot;16dp&quot;
  92.                 android:text=&quot;Desc&quot; /&gt;
  95.             &lt;TextView
  96.                 android:id=&quot;@+id/time&quot;
  97.                 android:layout_width=&quot;wrap_content&quot;
  98.                 android:layout_height=&quot;24dp&quot;
  99.                 android:layout_below=&quot;@+id/desc&quot;
  100.                 android:layout_marginTop=&quot;10dp&quot;
  101.                 android:layout_marginBottom=&quot;10dp&quot;
  102.                 android:layout_toEndOf=&quot;@+id/title&quot;
  103.                 android:drawablePadding=&quot;10dp&quot;
  104.                 android:ellipsize=&quot;end&quot;
  105.                 android:maxLines=&quot;1&quot;
  106.                 android:singleLine=&quot;true&quot;
  107.                 android:text=&quot;Time&quot; /&gt;  
  109.             &lt;LinearLayout
  110.                 android:id=&quot;@+id/buttonPanel&quot;
  111.                 android:layout_width=&quot;match_parent&quot;
  112.                 android:layout_height=&quot;wrap_content&quot;
  113.                 android:layout_below=&quot;@+id/desc&quot;
  114.                 android:orientation=&quot;vertical&quot;&gt;
  116.                 &lt;RelativeLayout
  117.                     android:layout_width=&quot;match_parent&quot;
  118.                     android:layout_height=&quot;wrap_content&quot;
  119.                     android:padding=&quot;8dp&quot;&gt;
  121.                     &lt;ImageView
  122.                         android:id=&quot;@+id/like&quot;
  123.                         android:layout_width=&quot;30dp&quot;
  124.                         android:layout_height=&quot;30dp&quot;
  125.                         android:src=&quot;@drawable/like&quot; /&gt;
  127.                     &lt;ro.andreidobrescu.emojilike.EmojiLikeView
  128.                         android:layout_width=&quot;match_parent&quot;
  129.                         android:layout_height=&quot;110dp&quot;
  130.                         android:id=&quot;@+id/emojiView&quot;
  131.                         android:layout_alignBottom=&quot;@+id/like&quot;
  132.                         android:layout_marginBottom=&quot;10dp&quot;/&gt;
  134.                     &lt;ImageView
  135.                         android:id=&quot;@+id/comment&quot;
  136.                         android:layout_width=&quot;30dp&quot;
  137.                         android:layout_height=&quot;30dp&quot;
  138.                         android:layout_marginStart=&quot;10dp&quot;
  139.                         android:layout_toEndOf=&quot;@id/like&quot;
  140.                         android:src=&quot;@drawable/ic_comment&quot; /&gt;
  142.                     &lt;ImageView
  143.                         android:id=&quot;@+id/save&quot;
  144.                         android:layout_width=&quot;30dp&quot;
  145.                         android:layout_height=&quot;30dp&quot;
  146.                         android:layout_alignParentEnd=&quot;true&quot;
  147.                         android:src=&quot;@drawable/ic_savee_black&quot; /&gt;
  149.                 &lt;/RelativeLayout&gt;
  151.                 &lt;TextView
  152.                     android:id=&quot;@+id/likes&quot;
  153.                     android:layout_width=&quot;wrap_content&quot;
  154.                     android:layout_height=&quot;wrap_content&quot;
  155.                     android:layout_marginStart=&quot;8dp&quot;
  156.                     android:textColor=&quot;@color/colorPrimaryDark&quot;
  157.                     android:textStyle=&quot;bold&quot; /&gt;
  160.                 &lt;RelativeLayout
  161.                     android:id=&quot;@+id/commentsAndDate&quot;
  162.                     android:layout_width=&quot;match_parent&quot;
  163.                     android:layout_height=&quot;match_parent&quot;&gt;
  165.                     &lt;TextView
  166.                         android:id=&quot;@+id/comments&quot;
  167.                         android:layout_width=&quot;wrap_content&quot;
  168.                         android:layout_height=&quot;wrap_content&quot;
  169.                         android:layout_marginStart=&quot;8dp&quot;
  170.                         android:layout_marginTop=&quot;5dp&quot;
  171.                         android:layout_marginBottom=&quot;10dp&quot;
  172.                         android:text=&quot;@string/view_all_20_comments&quot;
  173.                         android:textColor=&quot;@color/colorAccent&quot; /&gt;
  175.                     &lt;FrameLayout
  176.                         android:id=&quot;@+id/layoutDate&quot;
  177.                         android:layout_width=&quot;wrap_content&quot;
  178.                         android:layout_height=&quot;wrap_content&quot;
  179.                         android:layout_alignParentRight=&quot;true&quot;
  180.                         android:layout_marginStart=&quot;8dp&quot;
  181.                         android:layout_marginRight=&quot;5dp&quot;
  182.                         android:layout_marginBottom=&quot;10dp&quot;
  183.                         android:background=&quot;@drawable/round_white&quot;
  184.                         android:padding=&quot;5dp&quot;&gt;
  186.                         &lt;ImageView
  187.                             android:layout_width=&quot;18dp&quot;
  188.                             android:layout_height=&quot;18dp&quot;
  189.                             android:layout_marginLeft=&quot;5dp&quot;
  190.                             android:layout_marginRight=&quot;5dp&quot;
  191.                             android:src=&quot;@drawable/ic_date&quot; /&gt;
  193.                         &lt;TextView
  194.                             android:id=&quot;@+id/publishedAt&quot;
  195.                             android:layout_width=&quot;wrap_content&quot;
  196.                             android:layout_height=&quot;wrap_content&quot;
  197.                             android:layout_marginLeft=&quot;27dp&quot;
  198.                             android:layout_marginRight=&quot;10dp&quot;
  199.                             android:text=&quot;01 January 1990&quot;
  200.                             android:textColor=&quot;#606060&quot; /&gt;
  202.                     &lt;/FrameLayout&gt;
  204.                 &lt;/RelativeLayout&gt;
  205.             &lt;/LinearLayout&gt;
  207.         &lt;/RelativeLayout&gt;
  209.     &lt;/androidx.cardview.widget.CardView&gt;
  212. &lt;/FrameLayout&gt;

答案1

得分: 1

那最好使用 ConstraintLayout。它比 RelativeLayout 更灵活，而 RelativeLayout 则具有传统小部件。

英文:

That's better use ConstraintLayout.it's more flexible than RelativeLayout while RelativeLayout has legacy widget.

huangapple
  • 本文由 发表于 2020年4月5日 22:55:19
  • 转载请务必保留本文链接：https://java.coder-hub.com/61044520.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定