2015-10-14 86 views
1

我有一个FrameLayout里一个DelayedConfirmationView:延迟确认按钮动画

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

<android.support.wearable.view.DelayedConfirmationView 
    android:id="@+id/delayed_confirmation" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:src="@drawable/save_button" 
    app:circle_color="@color/blue" 
    app:circle_radius="45dp" 
    app:circle_radius_pressed="40dp" 
    app:circle_padding="5dp" 
    app:circle_border_width="10dp" 
    app:circle_border_color="@color/white"/> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:textAppearance="?android:attr/textAppearanceMedium" 
    android:text="Save" 
    android:id="@+id/textView" 
    android:layout_gravity="center" 
    android:textColor="#ffffff" 
    android:layout_marginTop="50dp" /> 
</FrameLayout> 

此布局的目的是通过一个片段显示:

public class SaveRunFragment extends Fragment implements DelayedConfirmationView.DelayedConfirmationListener { 
Run1Fragment run1; 
private DelayedConfirmationView mDelayedView; 

@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, 
         Bundle savedInstanceState) { 
    final View view = inflater.inflate(R.layout.layout_saverun, container, false); 

    mDelayedView = 
      (DelayedConfirmationView) view.findViewById(R.id.delayed_confirmation); 
    mDelayedView.setTotalTimeMs(4 * 1000); 
    mDelayedView.setOnClickListener(new View.OnClickListener() { 
     public void onClick(View v) { 
      System.out.println("START"); 
      mDelayedView.start(); 
      mDelayedView.setListener(SaveRunFragment.this); 
      return; 
     } 
    }); 

    return view; 
} 

@Override 
public void onDetach() { 
    super.onDetach(); 
} 

@Override 
public void onTimerFinished(View view) { 
    System.out.println("END"); 
} 

@Override 
public void onTimerSelected(View view) { 
    System.out.println("cancel"); 
} 
} 

我想要实现像按钮动画在延迟确认开发者指南上:https://developer.android.com/training/wearables/ui/confirm.html 但是当我点击按钮时,onclick()不会触发该操作。

我测试过它使不同的按钮来触发动作,但这一切发生的是,打印显示但不显示按钮周围的小裕...

有人能告诉我是什么我做错了吗?

编辑

所以我改变了我的片段是:

@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, 
         Bundle savedInstanceState) { 
    final View view = inflater.inflate(R.layout.layout_saverun, container, false); 

    System.out.println("before"); 
    mDelayedView = 
      (DelayedConfirmationView) view.findViewById(R.id.delayed_confirmation); 
    mDelayedView.setTotalTimeMs(4000); 
    mDelayedView.setListener(this); 
    System.out.println("after"); 

    return view; 
} 

@Override 
public void onDetach() { 
    super.onDetach(); 
} 

@Override 
public void onTimerFinished(View view) { 
    //delayed confirmation 
    System.out.println("END"); 
} 

@Override 
public void onTimerSelected(View v) { 
    System.out.println("SELECTED"); 
    if (animation == false) { 
     mDelayedView.start(); 
     mDelayedView.setListener(this); 
     animation = true; 
     System.out.println("Start"); 
    } else { 
     ((DelayedConfirmationView) v).setListener(null); 
     animation = false; 
     System.out.println("Cancel"); 
    } 
} 

的打印显示为预期,但周围有圆形按钮没有动画...

编辑

问题是我的源图像是t o大,它覆盖了动画,这就是为什么它没有出现。

回答

1

您已在DelayedConfirmationView本身上设置了OnClickListener;你不应该这样做,因为它不会收到触摸事件。通常通过提供另一个组件(比如一个按钮)开始倒计数,以便用户可以点击该组件来启动。当用户点击DelayedConfirmationView时,无论计数器是否启动,都会调用“onTimerSelected()”回调函数(在该组件的源代码中,onTouchEvent()用于接收触摸事件,并将它们委托给onTimerStart() )所以你onCreateView()应该改成类似:

... 
    mDelayedView = (DelayedConfirmationView) 
        findViewById(R.id.delayed_confirmation); 
    mDelayedView.setListener(this); 
    mDelayedView.setTotalTimeMs(4000); 
    ... 

您可以通过点击相同DelayedConfirmationView通过调用mDelayedView.start()onTimerSelected()开始倒计时,但是,你必须要管理在解释该次点击条款自己的状态事件作为开始或取消取决于以前的状态。

+0

感谢您的澄清!问题是,在用你的信息重做我的代码之后,动画仍然不显示......我希望delayedConfirmationView在点击时显示圆形按钮周围的动画,但它只显示打印并且不显示动画... – cdlc

+0

显示你的完整的修改代码;你可能仍然失踪;我根据你的布局构建了一个示例,它工作得很好。 –

+0

我已经用答案更新了我的问题。显然,这是我的一个愚蠢的错误...感谢您的帮助! – cdlc