android - 方向更改时的 ImageView - Drawable 忽略 setBounds 并返回到原始状态

Question

编辑 3:

由于历史原因，我保留下面的原始问题。但是，我发现问题并不局限于 FrameLayout。因此，更新了标题。

我创建了一个示例项目来演示这个问题，而不是用更多的代码来过度拥挤这篇文章；和 uploaded它在 Google 项目托管上。

问题的总结是这样的:

A drawable in portrait orientation with a certain bounds set on it, on changing orientation and returning to portrait, does not retain the set bounds. Instead it reverts to its original bounds. This is in spite of forcefully setting the explicit bounds on orientation change. Do note that any bounds that you later set on Click etc are obeyed.

我也有uploaded a version of the app其中包含 2 个单独的 Activity 来说明该问题。

1. 只是说明问题的普通 Activity 。
2. 在 ImageView 上使用自定义 BitmapDrawable 的 Activity - 只要边界被更改，这个就会打印以记录。

第二个版本清楚地表明，即使我在 Drawable 上设置了边界，这些边界在 onBoundsChange() 中也没有被遵守。

---

原始问题:

我正在使用带有 2 个 ImageView 的 FrameLayout 一个堆叠在另一个之上以显示“电池状态”图形。这是在纵向模式下。在横向模式下，我显示不同的布局(图表)。

我的问题是 - 假设显示电池状态 - 比如 30%。现在，我旋转屏幕并显示图表。当我回到纵向时，电池图形回到原来的位置(即“充满”)。

我尝试了各种方法来弄清楚发生了什么。调试显示“顶部”图形的边界确实按预期设置。所以这似乎是一个无效问题。我正在展示 2 个类和 2 个布局 XML(全部简化)的代码，这有助于重现问题。还要附加用于 ImageView 的占位符 PNG。

谁能发现错误？要重现问题，请运行应用程序，然后单击“更新”按钮。图形将被“填充”到一定程度。然后，切换到风景，然后再回到肖像。该图形不记得它之前的值。

Activity :

public class RotateActivity extends Activity {

    private View portraitView, landscapeView;
    private LayoutInflater li;
    private Configuration mConfig;
    private ValueIndicator indicator;
    private Button btn;
    private Random random = new java.util.Random();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        li = LayoutInflater.from(this);
        portraitView = li.inflate(R.layout.portrait, null);
        landscapeView = li.inflate(R.layout.landscape, null);
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        mConfig = newConfig;
        initialize();

    }

    @Override
    protected void onResume() {
        mConfig = getResources().getConfiguration();
        initialize();
        super.onResume();
    }

    private void initialize(){
        if(mConfig.orientation == Configuration.ORIENTATION_LANDSCAPE){
            displayLandscape();
        } else {
            displayPortrait();
        }
    }

    private void displayLandscape() {
        setContentView(landscapeView);
    }

    private void displayPortrait() {
        setContentView(portraitView);
        btn = (Button)portraitView.findViewById(R.id.button1);
        indicator = (ValueIndicator)portraitView.findViewById(R.id.valueIndicator1);
    /*
     * Forcing the graphic to perform redraw to its known state when we return to portrait view.
     */
    indicator.updateIndicatorUi();  



        btn.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                updateIndicator(random.nextInt(100));
            }
        });

    }

    private void updateIndicator(int newValue){
        indicator.setPercent(newValue);
    }
}

肖像.xml:

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

    <com.gs.kiran.trial.inval.ValueIndicator
                android:id="@+id/valueIndicator1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="10dp" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Update" />

</LinearLayout>

ValueIndicator.java

public class ValueIndicator extends FrameLayout {

    private ImageView ivFrame, ivContent;
    private Drawable drFrame, drContent;
    private Rect mBounds;
    private int currentTop;
    private int mPercent;

    public ValueIndicator(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater li = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View root = li.inflate(R.layout.indicator, this, true);

        ivFrame = (ImageView) root.findViewById(R.id.ivFrame);
        ivContent = (ImageView) root.findViewById(R.id.ivContent);

        drFrame = ivFrame.getDrawable();
        drContent = ivContent.getDrawable();

        mBounds = drFrame.getBounds();

        Log.d(Constants.LOG_TAG, "Constructor of ValueIndicator");

    }

    public void setPercent(int newPercent){
       this.mPercent = newPercent;
       updateIndicatorUi();
    }

    public void updateIndicatorUi(){
        Rect newBounds = new Rect(mBounds);
        newBounds.top = mBounds.bottom - (int)(this.mPercent * mBounds.height() / 100);
        currentTop = newBounds.top;
        Log.d(Constants.LOG_TAG, "currentTop = "+currentTop);
        drContent.setBounds(newBounds);
        //invalidateDrawable(drContent);
        invalidate();
    }
}

indicator.xml(自定义 View 中使用的 FrameLayout 的 XML)

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/frameLayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/ivFrame"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/frame" />

    <ImageView
        android:id="@+id/ivContent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/content" />

</FrameLayout>

landscape.xml(虚拟占位符 - 足以重现问题)

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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Landscape" />

</LinearLayout>

AndroidManifest.xml fragment :

<activity
            android:label="@string/app_name"
            android:name=".RotateActivity" 
            android:configChanges="orientation|keyboardHidden">
            <intent-filter >
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

---

编辑

我还尝试调用 setPercent() 并在 displayPortraitView() 中传递保存的值 - 基本上是在我们回到纵向模式时强制更新到已知状态.仍然没有运气。请注意，日志告诉我可绘制对象的边界是正确的。我不明白为什么没有发生失效。

---

编辑 2:

1. 在ValueIndicator.java中，我引入了一个成员变量mPercent它始终存储最后已知的百分比值。
2. 更新了setPercent()代码来更新成员变量mPercent；然后调用 updateIndicateUi() 方法。
3. updateIndicatorUi()(现在是一个 public 方法)现在使用状态(即 mPercent)来完成它的工作。
4. 每当我们回到纵向模式时，我都会调用 updateIndicatorUi()。这会强制电池图形自行更新。

我还更新了代码以反射(reflect)这些更改。

这个想法是在我们从横向模式返回到纵向模式时强制重绘和无效。再次 - 我确实看到电池“内容”可绘制的边界已根据需要设置，但 UI 拒绝跟上步伐。

Answer 1

我已经在 Google Code Hosting 上检查了您的代码(感谢您如此彻底地记录代码)，并且我发现当您返回时，在 Drawable 上设置的边界确实再次发生了变化从横向到人像。

Drawable 的边界不是由您的代码更改的，而是由 ImageView 的布局方法更改的。当您放置新布局 (setContentView) 时，所有布局代码都会运行，包括 ImageView 的代码。 ImageView 更改 它包含的可绘制对象的边界，这就是您将可绘制对象的边界更改为原始边界的原因。

导致绑定(bind)更改的堆栈跟踪是:

Thread [<1> main] (Suspended (entry into method onBoundsChange in BitmapDrawable))  
    BitmapDrawable.onBoundsChange(Rect) line: 293   
    BitmapDrawable(Drawable).setBounds(int, int, int, int) line: 131    
    ImageView.configureBounds() line: 769   
    ImageView.setFrame(int, int, int, int) line: 742    
    ImageView(View).layout(int, int, int, int) line: 7186   
    LinearLayout.setChildFrame(View, int, int, int, int) line: 1254 
    LinearLayout.layoutVertical() line: 1130    
    LinearLayout.onLayout(boolean, int, int, int, int) line: 1047   
    LinearLayout(View).layout(int, int, int, int) line: 7192    
    FrameLayout.onLayout(boolean, int, int, int, int) line: 338 
    FrameLayout(View).layout(int, int, int, int) line: 7192 
    LinearLayout.setChildFrame(View, int, int, int, int) line: 1254 
    LinearLayout.layoutVertical() line: 1130    
    LinearLayout.onLayout(boolean, int, int, int, int) line: 1047   
    LinearLayout(View).layout(int, int, int, int) line: 7192    
    PhoneWindow$DecorView(FrameLayout).onLayout(boolean, int, int, int, int) line: 338  
    PhoneWindow$DecorView(View).layout(int, int, int, int) line: 7192   
    ViewRoot.performTraversals() line: 1145 
    ViewRoot.handleMessage(Message) line: 1865  
    ViewRoot(Handler).dispatchMessage(Message) line: 99 
    Looper.loop() line: 130 
    ActivityThread.main(String[]) line: 3835    
    Method.invokeNative(Object, Object[], Class, Class[], Class, int, boolean) line: not available [native method]  
    Method.invoke(Object, Object...) line: 507  
    ZygoteInit$MethodAndArgsCaller.run() line: 847  
    ZygoteInit.main(String[]) line: 605 
    NativeStart.main(String[]) line: not available [native method]  

在阅读您的代码时，我发现更改边界和存储边界等只是为了绘制一个仪表就太过分了。我可以建议以下之一:

1. 更改 ImageView 本身的大小(使用 setLayoutParams)而不是其可绘制对象的边界。
2. 不使用 ImageView，而是创建一个扩展 View 的类并覆盖 onDraw(Canvas)，然后使用 drawRect 绘制红色矩形。