ImageView 方向改变 - Drawable 忽略 setBounds 并返回到原始状态

Question

编辑3：

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

我没有在这篇文章中添加更多代码，而是创建了一个示例项目来演示该问题；并上传到 Google 项目上主持。

该问题的摘要是这样的：

纵向方向的可绘制对象，其上设置了一定的边界 改变方向并返回纵向，不保留 设定界限。相反，它会恢复到原来的范围。这是在 尽管强制规定了方向变化的明确界限。 请注意，您稍后在 Click 等上设置的任何界限都会被遵守。

我还有 上传了该应用的一个版本，其中包含 2 个单独的活动来说明该问题。

1. 普通的活动就说明了这个问题。
2. 在 ImageView 上使用自定义 BitmapDrawable 的活动 - 只要边界发生更改，此活动就会打印到日志。

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

---

原始问题：

我正在使用一个 FrameLayout ，其中 2 个 ImageView 堆叠在一起，用于显示“电池状态”图形。这是纵向模式。在横向模式下，我显示不同的布局（图表）。

我的问题是这样的 - 假设电池状态显示 - 比如说 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);
    }
}

portrait.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（自定义视图中使用的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片段：

<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()。这会强制电池图形自行更新。

我还更新了代码以反映这些更改。

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

Answer 1

我在 Google Code Hosting 上检查了您的代码（感谢您如此彻底地记录代码），我发现当您返回纵向时，Drawable 上设置的边界确实再次发生了更改从横向方向。

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

导致边界更改的堆栈跟踪是：

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 绘制红色矩形。

Answer 2

只是猜测，但在 RotateActivity 中，尝试将 super 调用的顺序更改为：

super.onConfigurationChanged(newConfig); // super called before initialize()
mConfig = newConfig;
initialize();

Answer 3

我通过使用一个好的旧自定义 View 对象解决了这个问题。在 onDraw() 中，我将位图绘制到 Canvas 上，并根据电池百分比调整边界大小。上传了工作项目的存档 此处位于 Google 项目托管。 这个答案帮助了我，因此我接受并授予了赏金。

不过，我仍然不相信为此使用自定义 View 的必要性。 IMO，我应该能够将 ImageView 放置在 Layout 中，并且这应该仍然有效。我只是想不出一种方法来告诉布局不要打扰我的 Drawable！

此外，该电池图形最初旨在与其他图形（温度、信号强度...）一起在 2 列表布局中使用。因此，该解决方案对这些情况的适用性还有待观察。

另外，我的解决方案有一个小错误 - 电池第一次总是显示为空。当我找到解决方案时，我会将解决方案上传到同一个项目。