Question

Haii ....我需要帮助设计我的imageView来自此屏幕就像这样我需要imageView从布局划线，我如果我想在谷歌中搜索关键字或任何人可以给我任何解决方案的话，我在SlidingUpPanel 这个活动中使用了一些库，从CircleImageView使用了imageview。

这是我的layout.xml：

<?xml version="1.0" encoding="utf-8"?>
<com.sothree.slidinguppanel.SlidingUpPanelLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:sothree="http://schemas.android.com/apk/res-auto"
        android:id="@+id/sliding_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="bottom"
        sothree:umanoPanelHeight="100dp"
        sothree:umanoParallaxOffset="100dp"
        sothree:umanoShadowHeight="20dp"
        sothree:umanoDragView="@+id/dragView"
        tools:context="com.idiots_international.jajan.activities.nearby.NearbyActivity"
        sothree:umanoOverlay="true">
    <LinearLayout
            android:id="@+id/email_login_form"
            android:layout_width="match_parent"
            android:layout_gravity="top"
            android:layout_height="wrap_content"
            android:orientation="vertical">
        <fragment xmlns:android="http://schemas.android.com/apk/res/android"
                  xmlns:tools="http://schemas.android.com/tools"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:id="@+id/map"
                  tools:context="com.idiots_international.jajan.activities.nearby.MapsActivity"
                  android:name="com.google.android.gms.maps.SupportMapFragment"/>
    </LinearLayout>

        <!--map/top view-->
        <RelativeLayout android:id="@+id/nearbyRelLayout1" android:layout_width="match_parent" android:layout_height="wrap_content">
            <!---->
                <LinearLayout android:layout_width="match_parent"
                              android:background="@color/colorWhite"
                              android:layout_height="wrap_content"
                              android:orientation="vertical">

                    <de.hdodenhof.circleimageview.CircleImageView
                            xmlns:app="http://schemas.android.com/apk/res-auto"
                            android:id="@+id/profile_image"
                            android:layout_width="96dp"
                            android:layout_height="96dp"
                            android:layout_gravity="center"
                            android:src="@drawable/jajan_logo_3"
                            app:civ_border_width="2dp"
                            app:civ_border_color="#FF000000"/>

                    <TextView
                            android:id="@+id/ShowAddressTextView"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:text="Click on Marker to view Address "
                            android:textColor="#000"
                            android:textSize="15dp"
                            android:layout_marginLeft="11dp"
                            android:layout_marginStart="11dp"/>

                    <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content">
                        <android.support.v7.widget.RecyclerView
                                android:layout_width="fill_parent"
                                android:layout_height="fill_parent"
                                android:id="@+id/recyclerView"
                                android:layout_alignParentTop="false"
                                android:layout_alignParentLeft="true"
                                android:layout_alignParentStart="true">
                        </android.support.v7.widget.RecyclerView>
                    </ScrollView>
                </LinearLayout>
                <include layout="@layout/layout_bottom_navigation"/>
                </RelativeLayout>
</com.sothree.slidinguppanel.SlidingUpPanelLayout>

工作但需要删除此处的大纲：

Answer 1

尝试这种方式：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">



            <LinearLayout
                android:background="#643122"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1">

       <!--Your Top view (the map) goes here-->

            </LinearLayout>


            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1">

       <!--Your Bottom view (the text) goes here-->

            </LinearLayout>
    </LinearLayout>


    <de.hdodenhof.circleimageview.CircleImageView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/profile_image"
        android:layout_width="96dp"
        android:layout_height="96dp"
        android:layout_gravity="center"
        android:src="@drawable/bg"
        app:civ_border_width="2dp"
        app:civ_border_color="#FF000000"/>
    </FrameLayout>

输出图片

Answer 2

试试这个，

<!--map/top view-->
<RelativeLayout 
        android:background="@android:color/transparent"
        android:id="@+id/nearbyRelLayout1" android:layout_width="match_parent" android:layout_height="wrap_content">
        <!---->
        <LinearLayout
            android:layout_marginTop="50dp"
            android:layout_width="match_parent"
            android:background="@color/colorWhite"
            android:layout_height="wrap_content"
            android:orientation="vertical">



            <TextView
                android:id="@+id/ShowAddressTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="Click on Marker to view Address "
                android:textColor="#000"
                android:textSize="15dp"
                android:layout_marginLeft="11dp"
                android:layout_marginStart="11dp"/>

            <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content">
                <android.support.v7.widget.RecyclerView
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:id="@+id/recyclerView"
                    android:layout_alignParentTop="false"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true">
                </android.support.v7.widget.RecyclerView>
            </ScrollView>
        </LinearLayout>
        <de.hdodenhof.circleimageview.CircleImageView
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/profile_image"
            android:layout_width="96dp"
            android:layout_height="96dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:src="@drawable/jajan_logo_3"
            app:civ_border_width="2dp"
            app:civ_border_color="#FF000000"/>
    </RelativeLayout>

Answer 3

不要将白色背景用作圆形图像视图的父级，这样就不会看到背景图。

您可以使用以下布局构思实现此功能。随意询问您是否达不到要求

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        // margin top half of circle image view height
        android:layout_marginTop="40dp"
        >
    </LinearLayout>

    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_centerHorizontal="true"
        />
</RelativeLayout>

如何使imageView跨越布局？

3 个答案: