2014-08-27 66 views
2

那么,我想创建一个简单的应用程序。 即使小部件是DigitalClock或其他东西,也会颠倒布局的外观。 我试过用android:scaleX =“ - 1”; 但它只适用于文本和图像。如何创建HUD(镜像)布局/屏幕Android?

如何创建颠倒整个屏幕的布局,使其看起来像镜像视图?

提前致谢。

普通视图:

normal view 我想要的看法:

the view I want

回答

5

只是做一个自定义的ViewGroup(或扩展现有的一个),缩放画布它借鉴了前儿童:

public class MirrorRelativeLayout extends RelativeLayout { 
    public MirrorRelativeLayout(Context context) { 
     super(context); 
    } 

    public MirrorRelativeLayout(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 

    public MirrorRelativeLayout(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 
    } 

    @Override 
    protected void dispatchDraw(Canvas canvas) { 
     canvas.save(); 
     // Scale the canvas in reverse in the x-direction, pivoting on 
     // the center of the view 
     canvas.scale(-1f, 1f, getWidth()/2f, getHeight()/2f); 
     super.dispatchDraw(canvas); 
     canvas.restore(); 
    } 

    @Override 
    public void draw(Canvas canvas) { 
     canvas.save(); 
     // Scale the canvas in reverse in the x-direction, pivoting on 
     // the center of the view 
     canvas.scale(-1f, 1f, getWidth()/2f, getHeight()/2f); 
     super.dispatchDraw(canvas); 
     canvas.restore(); 
    } 
} 

然后只是使用ViewGroup a s您的布局的根本:

<com.your.packagename.MirrorRelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <TextView 
     android:text="Mirror Text!" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 

</com.your.packagename.MirrorRelativeLayout>