So blenden Sie eine Bildansicht etwas außerhalb ein RelativeLayout oder außerhalb des Bildschirms? So zeigen Sie ein Gummi auf die topleft auf dem Bildschirm

Ich habe setup eine relative Ansicht mit allen meinen Elementen im inneren (Schaltflächen, Bilder, etc...). Es ist das Titelblatt von meinem Android-Anwendung.
Nun würde ich gerne overlay "LITE" - banner über die ganze Anlage, in die linke Obere Ecke.

Mein problem ist, dass die "LITE" - banner Bild wird in einem schrägen roten Gummi, und dass ich brauche, um seine topleft zeigen (-45,-45) auf dem Bildschirm zu zeigen ist nur ein Teil des Bildes will ich (im Anhang ist der source-image, so dass Sie verstehen können, was Teil des Bildes sichtbar sein soll auf dem Bildschirm).

Habe ich versucht das AbsoluteLayout, das RelativeLayout, um es zu bewegen programmgesteuert mit SetLeft und SetTop -, aber negative Werte werden nicht akzeptiert.

Irgendeine Idee ?

warum nicht schneiden Sie das Bild vor dem einfügen in das layout?
da Teile ich diese Bilder mit der iPad-Anwendung. Und dies ist einfach zu tun, auf XCode. Ich würde eher, um es programmatisch, aber wenn ich keine Antwort bekommen, das ist, was ich zu tun habe.
Ich habe verwendet, negative Ränder, bevor Sie einen ähnlichen Effekt zu erzielen. Siehe dieser Beitrag: stackoverflow.com/questions/10673503/...

InformationsquelleAutor philippe | 2014-06-09

Können Sie die Relative layout mit dem Attribut android:clipToPadding="false" Lust zu bekommen Effekt.

Beispiel:

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:clipToPadding="false"
android:background="@android:color/white"
android:paddingLeft="50dip"
>

<ImageView
    android:id="@+id/myId"
    android:layout_width="60dip"
    android:layout_height="60dip"
    android:layout_marginLeft="-70dp"
    android:layout_marginTop="-20dp"
    android:clipChildren="false"
    android:src="@drawable/button_normal" />

</RelativeLayout>

Ergebnis:

So blenden Sie eine Bildansicht etwas außerhalb ein RelativeLayout oder außerhalb des Bildschirms? So zeigen Sie ein Gummi auf die topleft auf dem Bildschirm

Vielen, vielen Dank ! Tolle Antwort, mit Beispiel-code und Bild.++
Habe ich das Thema ein paar Stunden mehr und musste nach einer anderen Antwort, da der code benötigt... trotzdem Danke Rob !
jederzeit..

InformationsquelleAutor Rod_Algonquin

Ich würde gerne meine Erfahrung an diese Sache mit der Gemeinschaft...

Wurde die Idee zum anzeigen einer schrägen "LITE" Gummi auf die topleft Ecke des Bildschirms von meiner app.

Rod Algonquin ' s Antwort war in Ordnung. Es kam jedoch nicht ganz mein problem gelöst, denn ich musste passen Sie die Bild-Dimensionen auf den Bildschirm Höhe...UND um die Bildschirm-Orientierung. Alptraum. Auch mit einem relative layout, es war fast unmöglich, weil die verborgenen Teile des Bildes waren nie richtig ausgerichtet.

Also musste ich anders arbeiten : Das Bild verschoben werden musste, Links und oben, um 20%. Wie macht man das ?

1) In der layout.xml Datei :

Legen Sie die Bildansicht im inneren ein RelativeLayout
Geben die relative layout eine ID

Konfigurieren Sie die Bildansicht zu machen, passen Sie Ihre RelativeLayout container ist die Breite und Höhe (layout_width="wrap_content" und layout_height="wrap_content")

<RelativeLayout
    android:id="@+id/accueil_litebannerlayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <ImageView
        android:id="@+id/accueil_litebanner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:src="@drawable/lite_banner" />
</RelativeLayout>

2) In Ihrem activity.java class-Datei :

    //get screen dimensions
        Display display = getWindowManager().getDefaultDisplay();
        Point size = new Point();
        display.getSize(size);
        int ScreenWidth = size.x;
        int ScreenHeight = size.y;
        //set the desired height of the rubber, based on screen's height    
        int myLayoutWidthAndHeight=ScreenHeight/4;

    //get rubber PNG image dimensions
        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds=true;
        BitmapFactory.decodeResource(getResources(),
                R.drawable.lite_banner,options);
        int imageHeight = options.outHeight;
        int imageWidth = options.outWidth;

    //redux_factor has to be calculated, because if the image is reduced, then the translation has to be adapted
        double redux_factor=1;
        if (myLayoutWidthAndHeight<imageWidth) {
            redux_factor=(double)myLayoutWidthAndHeight/imageWidth;
        }
    //determine by how many pixels left and top (same) the image will have to be translated
        double translation_percents=.22;
        double myCroppedMargin_double=imageWidth*translation_percents*redux_factor;
        int myCroppedMargin=(int) Math.round(myCroppedMargin_double);

    //get the image layout
        RelativeLayout litebannerlayout=(RelativeLayout) this.findViewById(R.id.accueil_litebannerlayout);
    //change its parameters (width, height, leftMargin, topMargin)
        RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(myLayoutWidthAndHeight,myLayoutWidthAndHeight);
        params.setMargins(-myCroppedMargin, -myCroppedMargin, 0,0);
        litebannerlayout.setLayoutParams(params);

Arghhh. Es funktioniert...

Können Sie diesen Beispielcode verwenden, um zu bewegen, eine Bildansicht aus dem Bildschirm, entweder basierend auf einem Prozentsatz, oder pixel zählen. Dieser code kann auch angepasst werden, legen Sie die Gummi - /banner im topright, bottomleft, bottomright Ecken.

OK, lassen Sie uns bewegen auf etwas anderes...

InformationsquelleAutor philippe

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.