如何从缩小图像中拖出来消失?

时间:2018-05-21 04:32:43

标签: java android xml user-interface user-experience

这是我的Xml代码

<FrameLayout 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"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".ImageViewer">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#32000000">
    <android.support.v7.widget.Toolbar
        android:id="@+id/tabLayout"

        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</android.support.design.widget.AppBarLayout>

<!-- The primary full-screen view. This can be replaced with whatever view
     is needed to present your content, e.g. VideoView, SurfaceView,
     TextureView, etc. -->
<com.github.chrisbanes.photoview.PhotoView
    android:id="@+id/Zoomage_Image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

这是我的Java代码

ImageView zoomage=findViewById(R.id.Zoomage_Image);
    Intent i=getIntent();
    String imageuri=i.getStringExtra("imageurl");
    Log.d(TAG, "onCreate: "+imageuri);
    Picasso.get().load(Uri.parse(imageuri)).into(zoomage);

放大工作非常精细,但每当我缩小图像时,屏幕上留下丑陋的拖拽如何使这些拖动标记熄灭而不显示。

在某些设备上,这种拖出不显示,而在某些设备上,这看起来非常难看。

截图

enter image description here

虽然您正在使用它还可以帮助我如何添加appbar布局,使其半透明,并在点击后退按钮时提供导航。

1 个答案:

答案 0 :(得分:0)

代替您使用的库,使用自定义动画尝试this,您可以根据需要更改所需的任何值:

在你的onClick上运行:

<强> zoom_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" >
    <scale
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromXScale="1"
    android:fromYScale="1"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="3"
    android:toYScale="3" >
    </scale>
 </set>

<强> zoom_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" >
    <scale
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromXScale="1.0"
    android:fromYScale="1.0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="0.5"
    android:toYScale="0.5" >
    </scale>
 </set>

或者,为了更好地理解,请使用Zoom Animator

尝试 Google代码示例

Enlarge a view using a zoom animation