自定义捏缩放视图

Posted

技术标签:

【中文标题】自定义捏缩放视图【英文标题】:Custom Pinch To Zoom View 【发布时间】:2012-10-02 20:58:18 【问题描述】:

我正在尝试在我正在开发的 android 应用上实现 Pinch To Zoom。为此,我使用 Android 开发人员的网站制作了一个名为 PinchToZoom 的 Java 类。但是,如果我尝试启动我的应用程序,我的 XML 文件中会出现错误。我对为什么感到困惑,因为我认为我已经正确地实现了它。这是 XML 代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
android:background="#222222"
android:orientation="vertical" >

<com.andriesse.athena.PinchToZoom
    android:id="@+id/selectedImage"
    android:layout_
    android:layout_
    android:adjustViewBounds="true"
    android:contentDescription="@string/content" />

</LinearLayout>

希望大家能帮帮我!

编辑:

之前忘记添加错误日志了,这里是:

10-03 13:35:40.207: E/AndroidRuntime(2421): FATAL EXCEPTION: main
10-03 13:35:40.207: E/AndroidRuntime(2421): java.lang.RuntimeException: Unable to start activity ComponentInfocom.andriesse.athena/com.andriesse.athena.ImageEditing: android.view.InflateException: Binary XML file line #8: Error inflating class com.andriesse.athena.PinchToZoom
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:1967)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:1992)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.app.ActivityThread.access$600(ActivityThread.java:127)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1158)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.os.Handler.dispatchMessage(Handler.java:99)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.os.Looper.loop(Looper.java:137)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.app.ActivityThread.main(ActivityThread.java:4441)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at java.lang.reflect.Method.invokeNative(Native Method)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at java.lang.reflect.Method.invoke(Method.java:511)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:784)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:551)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at dalvik.system.NativeStart.main(Native Method)
10-03 13:35:40.207: E/AndroidRuntime(2421): Caused by: android.view.InflateException: Binary XML file line #8: Error inflating class com.andriesse.athena.PinchToZoom
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.view.LayoutInflater.createView(LayoutInflater.java:589)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:680)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.view.LayoutInflater.rInflate(LayoutInflater.java:739)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.view.LayoutInflater.inflate(LayoutInflater.java:489)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.view.LayoutInflater.inflate(LayoutInflater.java:396)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.view.LayoutInflater.inflate(LayoutInflater.java:352)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at com.android.internal.policy.impl.PhoneWindow.setContentView(PhoneWindow.java:270)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.app.Activity.setContentView(Activity.java:1835)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at com.andriesse.athena.ImageEditing.onCreate(ImageEditing.java:26)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.app.Activity.performCreate(Activity.java:4465)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1049)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:1931)
10-03 13:35:40.207: E/AndroidRuntime(2421):     ... 11 more
10-03 13:35:40.207: E/AndroidRuntime(2421): Caused by: java.lang.NoSuchMethodException: <init> [class android.content.Context, interface android.util.AttributeSet]
10-03 13:35:40.207: E/AndroidRuntime(2421):     at java.lang.Class.getConstructorOrMethod(Class.java:460)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at java.lang.Class.getConstructor(Class.java:431)
10-03 13:35:40.207: E/AndroidRuntime(2421):     at android.view.LayoutInflater.createView(LayoutInflater.java:561)
10-03 13:35:40.207: E/AndroidRuntime(2421):     ... 22 more

【问题讨论】:

抱歉,我的心灵感应小部件也无法正常工作。什么错误? 很抱歉,我发这个帖子的时候已经很晚了,我一定很累了才忘记了错误日志。不过,我现在已经发布了! 【参考方案1】:

这是关键线:

Caused by: java.lang.NoSuchMethodException: <init> [class android.content.Context, interface android.util.AttributeSet]

确保您的自定义列表视图具有以下构造函数:

public PinchToZoom(Context context) 
    this(context, null);


public PinchToZoom(Context context, AttributeSet attrs)    // <--- missing?
    this(context, attrs, 0);


public PinchToZoom(Context context, AttributeSet attrs, int defStyle) 
    super(context, attrs, defStyle);

    // initialisation code here

我以这种方式将它们链接起来,因此您无需在第三个构造函数中执行任何操作。如果您有这些构造函数,并且它们没有只能在运行时解析的外部依赖项,那么您的自定义列表视图也将正确预览。

【讨论】:

【参考方案2】:

不要创建类型为 com.andriesse.athena.PinchToZoom 的 xml 节点,而是尝试创建类型视图之一并为其赋予类属性 class= "com.andriesse.athena.PinchToZoom",如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    android:background="#222222"
    android:orientation="vertical" >

    <view
        class="com.andriesse.athena.PinchToZoom"
        android:id="@+id/selectedImage"
        android:layout_
        android:layout_
        android:adjustViewBounds="true"
        android:contentDescription="@string/content" />

</LinearLayout>

编辑:另外,您可能想尝试使用此代码,而不是编写自己的捏缩放代码:https://github.com/jasonpolites/gesture-imageview

我在之前的项目中使用过它,对我来说效果很好。

【讨论】:

以上是关于自定义捏缩放视图的主要内容,如果未能解决你的问题,请参考以下文章

如何在自定义相机中实现“捏放大”

iPhone:如何在捏缩放uiscrollview时重绘子视图

Android:缩放两个视图

如何缩放视图并将自定义边框保持在原始大小\缩放?

自定义视图在缩放后重绘时如何防止“反弹”效果?

Android:自定义视图缩放/捏合