在框架布局之外的文本视图中更改文本时，框架布局动画不起作用答案

【问题标题】：FrameLayout animation don't work while changing text in a textview outside of framelayout在框架布局之外的文本视图中更改文本时，框架布局动画不起作用
【发布时间】：2011-02-14 13:53:18
【问题描述】：

我在 Gallery 中使用 FrameLayout 作为 Gallery Item。 FrameLayout 内部有 2 个 RelativeLayout，每个都包含一些 TextView 和一个 ImageView。图库外有一个按钮，称为“翻转”。单击“翻转”按钮隐藏一个相对布局并显示另一个具有翻转动画的布局。在 Gallery 之外还有一个 TextView，我在其中更新了一些文本。当用户滚动 Gallery 以选择另一个项目时，我会从 Gallery 的 setOnItemSelected 方法更新 TextView。

问题是如果我不从 setOnItemSelected 方法更新 TextView，则翻转动画可以正常工作。但是，如果我更新 TextView 则动画不起作用。即使它不会在 FrameLayout 中切换 RelativeLayout。

如果有人知道问题出在哪里，请帮助我。

这是主屏幕的 XML 布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="top|center" android:background="#0000">

<RelativeLayout android:id="@+id/RelativeLayout04" android:layout_height="fill_parent" android:layout_width="fill_parent"><RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/top_bar" android:layout_alignParentTop="true" android:id="@+id/headerRelativeLayout"><Button android:id="@+id/homeButton" android:layout_height="wrap_content" android:layout_marginTop="5dip" android:background="@drawable/home_button_open" android:layout_marginLeft="5dip" android:layout_width="wrap_content" android:layout_alignParentLeft="true"></Button>
<Button android:id="@+id/backButton" android:layout_height="wrap_content" android:layout_marginTop="5dip" android:background="@drawable/back_button" android:layout_toRightOf="@+id/homeButton" android:layout_width="wrap_content"></Button>
<TextView android:layout_height="wrap_content" android:textSize="22sp" android:layout_toLeftOf="@+id/LinearLayout02" android:gravity="center" android:layout_toRightOf="@+id/backButton" android:id="@+id/TextView02" android:layout_width="fill_parent" android:textStyle="bold" android:layout_centerInParent="true"></TextView>

<LinearLayout android:layout_alignParentRight="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_centerVertical="true" android:layout_marginRight="10dip" android:id="@+id/LinearLayout02">

<com.vocabAhead.SATVocab.LoginButton android:layout_marginRight="5dip" android:id="@+id/facebookButton" android:layout_width="wrap_content" android:background="@drawable/facebook_button" android:layout_height="wrap_content"></com.vocabAhead.SATVocab.LoginButton>

<Button android:id="@+id/settingsButton" android:layout_width="wrap_content" android:background="@drawable/settings_button" android:layout_height="wrap_content" android:layout_gravity="center_vertical"></Button>

</LinearLayout>
</RelativeLayout>
<RelativeLayout android:layout_width="fill_parent" android:layout_height="35dip" android:background="#FF212121" android:layout_alignParentBottom="true" android:id="@+id/footerRelativeLayout">

<Button android:id="@+id/playButton" android:layout_height="wrap_content" android:background="@drawable/play_button" android:layout_marginLeft="10dip" android:layout_width="wrap_content" android:layout_centerVertical="true" android:layout_alignParentLeft="true"></Button>

<Button android:layout_alignParentRight="true" android:id="@+id/showScriptButton" android:layout_height="wrap_content" android:background="@drawable/infobutton" android:layout_marginRight="10dip" android:layout_width="wrap_content" android:layout_centerVertical="true"></Button>

<TextView android:layout_height="wrap_content" android:textColor="#FFFF" android:id="@+id/itemSerialTextView" android:layout_width="wrap_content" android:layout_centerInParent="true"></TextView>

<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="5dip" android:layout_toRightOf="@+id/playButton" android:id="@+id/durationTextView" android:textColor="#FFFF"></TextView>


</RelativeLayout>

<Gallery android:id="@+id/wordsGallery" android:layout_above="@+id/footerRelativeLayout" android:layout_below="@+id/headerRelativeLayout" android:layout_height="fill_parent" android:layout_width="fill_parent" android:scrollbars="none" android:scrollbarSize="0dip" android:layout_margin="0dip" android:gravity="fill" android:padding="0dip" android:background="#0000"></Gallery>

</RelativeLayout>

</LinearLayout>

这是画廊项目的 XML 布局：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/container"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:layout_margin="0dip"   android:padding="0dip">

<RelativeLayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@+id/wordDetailsRelativeLayout" android:background="#FFFF">

<TextView android:gravity="center" android:textSize="18sp" android:layout_alignParentTop="true" android:layout_width="fill_parent" android:text="Apathy" android:textStyle="bold" android:layout_height="wrap_content" android:layout_marginBottom="5dip" android:layout_marginTop="5dip" android:id="@+id/wordTextView" android:textColor="#FF1a3f6e"></TextView>

<TextView android:gravity="center" android:layout_width="fill_parent" android:text="verb" android:layout_height="wrap_content" android:id="@+id/partsOfSpeechTextView" android:layout_below="@+id/wordTextView" android:layout_marginBottom="5dip"></TextView>

<LinearLayout android:paddingBottom="5dip" android:layout_width="fill_parent" android:gravity="center" android:background="#FFFF" android:id="@+id/LinearLayout01" android:layout_height="wrap_content" android:layout_alignParentBottom="true"><ImageView android:src="@drawable/iphone_vocabulary_logo_15" android:id="@+id/logoImageView" android:layout_height="wrap_content" android:layout_width="wrap_content"></ImageView>
</LinearLayout>

<LinearLayout android:layout_height="fill_parent" android:layout_marginBottom="5dip" android:layout_width="fill_parent" android:layout_below="@+id/partsOfSpeechTextView" android:orientation="vertical" android:id="@+id/imageAndMeaningLinearLayout" android:gravity="top|center_horizontal" android:layout_above="@+id/LinearLayout01"><ImageView android:id="@+id/wordImageView" android:layout_height="wrap_content" android:layout_width="wrap_content"></ImageView>

<TextView android:layout_height="wrap_content" android:id="@+id/wordMeaningTextView" android:layout_width="wrap_content" android:textColor="#F000" android:textSize="15sp" android:layout_marginLeft="10dip" android:layout_marginTop="10dip" android:layout_marginRight="10dip" android:gravity="center"></TextView>

</LinearLayout>

</RelativeLayout>


<RelativeLayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:background="#FFFF" android:id="@+id/wordScriptRelativeLayout" android:visibility="gone">
<TextView android:gravity="center" android:textSize="18sp" android:layout_alignParentTop="true" android:layout_width="fill_parent" android:text="Apathy" android:textStyle="bold" android:layout_height="wrap_content" android:layout_marginBottom="5dip" android:layout_marginTop="5dip" android:textColor="#FF1a3f6e" android:id="@+id/wordTextView2"></TextView>

<TextView android:gravity="center" android:layout_width="fill_parent" android:text="verb" android:layout_height="wrap_content" android:id="@+id/partsOfSpeechTextView2" android:layout_below="@+id/wordTextView2" android:layout_marginBottom="5dip"></TextView>

<LinearLayout android:paddingBottom="5dip" android:layout_width="fill_parent" android:gravity="center" android:background="#FFFF" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:id="@+id/LinearLayout02"><ImageView android:src="@drawable/iphone_vocabulary_logo_15" android:id="@+id/logoImageView" android:layout_height="wrap_content" android:layout_width="wrap_content"></ImageView>

</LinearLayout>

<LinearLayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@+id/wordScriptLinearLayout" android:gravity="top|center_horizontal" android:layout_below="@+id/partsOfSpeechTextView2" android:layout_above="@+id/LinearLayout02"><TextView android:layout_height="wrap_content" android:layout_margin="10dip" android:id="@+id/wordScriptTextView" android:layout_width="fill_parent" android:textColor="#F000" android:textSize="15sp"></TextView>

</LinearLayout>

</RelativeLayout>

</FrameLayout>

在主屏幕中，当用户单击 showScriptButton（页脚的右键）时，framelayout 的一种相对布局会与另一种切换。相对布局的切换以翻转动画显示。

现在，页脚中间有一个文本视图。如果我们从代码中更改该文本视图的文本，那么即使框架布局没有改变相对布局，翻转动画也不起作用。

这是 Gallery 的 setOnItemSelectedListener 方法：

wordsGallery.setOnItemSelectedListener(new OnItemSelectedListener() {

        @Override
        public void onItemSelected(AdapterView<?> arg0, View arg1,
                int position, long arg3) {

            durationTextView.setText("");

        }

        @Override
        public void onNothingSelected(AdapterView<?> arg0) {

        }
    });

playButton的方法如下：

private void playAudio() {
    if(isPaused) {
        myRefreshThread = new Thread(new secondCountDownRunner());
        myRefreshThread.start();
        audioPlayer.start();
    } else {
        audioPlayer = MediaPlayer.create(this, ApplicationCache.wordAudioList.get(word.wordText));
        audioPlayer.setOnCompletionListener(this);
        int totalDuration = audioPlayer.getDuration()/1000;
        String durationText = "";
          int min = totalDuration/60;
          int seconds = totalDuration % 60;
          if(min < 10)
              durationText = "0";
          durationText += min+":";
          if(seconds < 10)
              durationText += "0";
          durationText += seconds;
        System.out.println("Duration of audio:"+durationText);
        durationTextView.setText(durationText);
        myRefreshThread = new Thread(new secondCountDownRunner());
        myRefreshThread.start();
        audioPlayer.start();
    }
    isPaused = false;
    isPlaying = true;
    playButton.setBackgroundResource(R.drawable.pause_button);
}

这是第二个CountDownRunner线程：

class secondCountDownRunner implements Runnable{
    // @Override
    public void run() {
        while(!Thread.currentThread().isInterrupted()){
            Message m = new Message();
            m.what = 2;
            audioPlayerHandler.sendMessage(m);
            try {
                Thread.sleep(1000);
            } catch (InterruptedException e) {
                Thread.currentThread().interrupt();
            }
        }
    }
}

这里是audioPlayerHandler：

audioPlayerHandler = new Handler() {
        @Override
        public void handleMessage( Message msg ) 
        {
              if(msg.what == 1) {
                  if(isPlaying) {
                      if(wordsGallery.getSelectedItemPosition() < (ApplicationCache.dontKnowWords.size() - 1)) {
                        //currentPosition++;
                        //currentGalleryPosition++;
                        //isWordScriptShowing = false;
                        //updateWordDetails();
                        word = wordsList.get(wordsGallery.getSelectedItemPosition() + 1);
                        wordsGallery.setSelection(wordsGallery.getSelectedItemPosition() + 1, true);

                        playAudio();
                      }
                  }
              } else if(msg.what == 2) {
                  if(isPlaying) {
                      int duration = audioPlayer.getDuration()/1000;
                      int currentPosition = audioPlayer.getCurrentPosition()/1000;
                      int timeLeft = duration - currentPosition;
                      if(timeLeft < 0)
                          timeLeft = 0;
                      String durationText = "";
                      int min = timeLeft/60;
                      int seconds = timeLeft % 60;
                      if(min < 10)
                          durationText = "0";
                      durationText += min+":";
                      if(seconds < 10)
                          durationText += "0";
                      durationText += seconds;
                      durationTextView.setText(durationText);

                  }
              }             
        }           
    };

以下是单击 showScriptButton 时调用的方法：

public void flipView(int position) {
    applyRotation(0, 90, position);
    isFrontShowing[position] = !isFrontShowing[position];       
}

private void applyRotation(float start, float end, int position) {
    // Find the center of image
    final float centerX, centerY;
    if(isFrontShowing[position] == true) {
        centerX = detailsLayout[position].getMeasuredWidth() / 2.0f;
        centerY = detailsLayout[position].getMeasuredHeight() / 2.0f;
    } else {
        centerX = scriptLayout[position].getMeasuredWidth() / 2.0f;
        centerY = scriptLayout[position].getMeasuredHeight() / 2.0f;
    }

    //System.out.println("center X:"+centerX+",Y:"+centerY);
    // Create a new 3D rotation with the supplied parameter
    // The animation listener is used to trigger the next animation
    final Flip3dAnimation rotation =
           new Flip3dAnimation(start, end, centerX, centerY);
    rotation.setDuration(500);
    rotation.setFillAfter(true);
    rotation.setInterpolator(new AccelerateInterpolator());
    rotation.setAnimationListener(new DisplayNextView(isFrontShowing[position], detailsLayout[position], scriptLayout[position]));

    if (isFrontShowing[position] == true)
    {
        //detailsLayout[position].requestFocus();
        //detailsLayout[position].bringToFront();
        detailsLayout[position].startAnimation(rotation);
    } else {
        //System.out.println("---Backward flipping started...");
        //scriptLayout[position].requestFocus();
        //scriptLayout[position].bringToFront();
        scriptLayout[position].startAnimation(rotation);
    }

}

这里是 Flip3dAnimation 类：

import android.graphics.Camera;

导入 android.graphics.Matrix; 导入android.view.animation.Animation；导入android.view.animation.Transformation;

公共类 Flip3dAnimation 扩展动画 { 私人最终浮动 mFromDegrees; 私人最终浮动 mToDegrees；私人最终浮动 mCenterX；私人最终浮动 mCenterY；私人相机 mCamera;

public Flip3dAnimation(float fromDegrees, float toDegrees, float centerX,
        float centerY) {
    mFromDegrees = fromDegrees;
    mToDegrees = toDegrees;
    mCenterX = centerX;
    mCenterY = centerY;
}

@Override
public void initialize(int width, int height, int parentWidth,
        int parentHeight) {
    super.initialize(width, height, parentWidth, parentHeight);
    mCamera = new Camera();
}

@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
    final float fromDegrees = mFromDegrees;
    float degrees = fromDegrees
            + ((mToDegrees - fromDegrees) * interpolatedTime);

    final float centerX = mCenterX;
    final float centerY = mCenterY;
    final Camera camera = mCamera;

    final Matrix matrix = t.getMatrix();

    camera.save();

    camera.rotateY(degrees);

    camera.getMatrix(matrix);
    camera.restore();

    matrix.preTranslate(-centerX, -centerY);
    matrix.postTranslate(centerX, centerY);

}

}

DisplayNextView 类：

import android.view.animation.Animation;

导入android.widget.RelativeLayout；

public final class DisplayNextView 实现 Animation.AnimationListener { 私有布尔 mCurrentView；相对布局布局1；相对布局布局2；

public DisplayNextView(boolean currentView, RelativeLayout layout1,
        RelativeLayout layout2) {
    mCurrentView = currentView;
    this.layout1 = layout1;
    this.layout2 = layout2;
}

public void onAnimationStart(Animation animation) {

}

public void onAnimationEnd(Animation animation) {
    layout1.post(new SwapViews(mCurrentView, layout1, layout2));        
}

public void onAnimationRepeat(Animation animation) {
}

}

SwapViews 类：

import android.view.View;

导入 android.view.animation.Animation; 导入 android.view.animation.DecelerateInterpolator；导入 android.view.animation.Animation.AnimationListener；导入android.widget.RelativeLayout；

public final class SwapViews 实现 Runnable { 私有布尔 mIsFirstView；相对布局布局1；相对布局布局2；

public SwapViews(boolean isFirstView, RelativeLayout layout1, RelativeLayout layout2) {
    mIsFirstView = isFirstView;
    this.layout1 = layout1;
    this.layout2 = layout2;
}

public void run() {
    final float centerX, centerY;
    if(mIsFirstView) {
        centerX = layout1.getWidth() / 2.0f;
        centerY = layout1.getHeight() / 2.0f;
    } else {
        centerX = layout2.getWidth() / 2.0f;
        centerY = layout2.getHeight() / 2.0f;
    }

    Flip3dAnimation rotation;

    if (mIsFirstView == true) {
        layout1.setVisibility(View.GONE);
        layout2.setVisibility(View.VISIBLE);
        layout2.requestFocus();
        layout2.bringToFront();
        rotation = new Flip3dAnimation(-90, 0, centerX, centerY);
    } else {
        layout2.setVisibility(View.GONE);
        layout1.setVisibility(View.VISIBLE);
        layout1.requestFocus();
        layout1.bringToFront();
        rotation = new Flip3dAnimation(-90, 0, centerX, centerY);
    }

    rotation.setDuration(500);
    rotation.setFillAfter(true);
    rotation.setInterpolator(new DecelerateInterpolator());
    rotation.setAnimationListener(new AnimationListener() {

        @Override
        public void onAnimationStart(Animation arg0) {

        }

        @Override
        public void onAnimationRepeat(Animation arg0) {
            // TODO Auto-generated method stub

        }

        @Override
        public void onAnimationEnd(Animation arg0) {
            WordDetailItemAdapter.notifyAdapter();
        }
    });
    if (mIsFirstView == true) {
        layout2.startAnimation(rotation);
    } else {
        layout1.startAnimation(rotation);
    }
}

}

有没有人对这个问题有一些想法。请帮忙。

【问题讨论】：

你能粘贴一些布局 XML 和一些代码吗？
看看一些 Java 真的很有帮助，尤其是这个 setOnItemSelected 方法。

标签： android android-widget

【解决方案1】：

在您的主布局中，为什么您将RelativeLayout04 作为顶级LinearLayout 的唯一子级？我认为您的布局的复杂性可能与此问题有关，因此我在这里提供了一个更简单的替代方案，它使用android:layout_weight 使画廊填充页眉或页脚未使用的空间。让我知道这是否有帮助。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#0000"
    >

    <!-- Header --> 
    <RelativeLayout 
        android:id="@+id/headerRelativeLayout"
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        >
        ...
    </RelativeLayout>

    <!-- The gallery  -->
    <Gallery 
        android:id="@+id/wordsGallery" 
        android:layout_height="wrap_content" 
        android:layout_width="fill_parent" 
        android:layout_weight="1"
        ...
        />


    <!-- Footer -->     
    <RelativeLayout 
        android:layout_width="fill_parent" 
        android:layout_height="35dip" 
        android:background="#FF212121" 
        android:layout_alignParentBottom="true" 
        >
        ...
    </RelativeLayout>

</LinearLayout>

【讨论】：

当我点击播放按钮时，页脚会出现在画廊的顶部。
除非您在 Java 代码中操作布局，否则这是不可能的。显然，您的代码中发生的事情比您迄今为止发布的要多得多。请发布您的完整“播放”按钮点击处理程序。
@Reuben：我已经添加了播放按钮点击处理程序的代码。感谢您为我提供的帮助。
当您单击播放按钮时，我看到您通过 playButton.setBackgroundResource(R.drawable.pause_button); 更改按钮背景。你确定你的 pause_button 图形大小合适吗？因为它 wrap_content 改变背景可以解释为什么你的布局在按下播放后会跳来跳去。尝试将此按钮设置为固定大小（例如 48dpx48dp），看看是否有帮助。
其次，这与您的直接问题无关，但您不需要专门的线程来执行诸如计数秒之类的简单事情。查看 SDK 文档中的 Handler.postDelayed()。