Wie erstellen Schatten-Effekt in uitableviewcell?

ich entwickle eine Anwendung in die ich erstellen möchten, die Schatten-Effekt ähnlich wie unten dargestellt im unteren uitableviewcell.

Wie erstellen Schatten-Effekt in uitableviewcell?

Wie kann ich das tun?jedes tutorial oder Beispielcode? Ich habe http://cocoawithlove.com/2009/04/easy-custom-uitableview-drawing.html,
http://www.touchthatfruit.com/?tag=uitableview
und paar andere.aber Sie haben Schatten an der Unterseite der uitableview mit gleicher Höhe.und wie
hinzufügen Schatten an der Seite Grenzen der einzelnen Abschnitte mit dem Datum(nicht das gesamte tableview).Ich kann die dropdown-Schatten am Boden.aber was ist mit seitlichen Grenzen der letzten uitableview Zelle in jeder Sektion.und eine Möglichkeit ist, das image erstellen und es als hintergrund tableviewcell.Aber wie kann man die Größe des Bildes und wird es so Aussehen, richtige, weil jeder Abschnitt hat eine dynamische Anzahl von Einträgen.ein Abschnitt nur noch 1 Eintrag und andere enthalten möglicherweise 15 oder mehr Einträge.(hier Bild ist für den gesamten Abschnitt enthält Datum).kann ich seperate Bild für nur letzten tableviewcell von jedem Abschnitt.Dies ist die ich kenne.aber gibt es einen besseren Ansatz oder tun Sie es programmatisch?

InformationsquelleAutor iosdev1111 | 2011-09-08
  1. 0

    Entnehmen Sie bitte den folgenden link für Schatten-Effekt in uitableview, die Ihnen helfen,

    versuchen Sie, diese

    Ein grundlegendes Stück einer Ansicht ist es die Schicht, die einen CALayer. Sie können es durch die layer-Eigenschaft einer Ansicht:

    myView.Schicht

    In der Dokumentation CALayers haben mehrere Eigenschaften, die Steuern, die Schatten. Sie sollten in der Lage sein zu sagen, in der Navigationsleiste die Ebene einen Schatten werfen. Zusammen mit den Ebenen der anderen Inhalte, die Sie möchten, um einen Schatten werfen.

    myView.layer.shadowOffset

myView.layer.shadowRadius

    Müssen Sie sein, sicher, dass Sie das QuartzCore-framework zu Ihrem Projekt auf diese Eigenschaft zugreifen

    • Wie ich bereits erwähnt habe in der Frage, dass dies nicht mir zu helfen
    • check mein update code
    • ich weiß alle diese Dinge.aber was ich sage, ist, mit dieser bin ich nicht in der Lage, um die Kiste in den Schatten, da pro Bild gezeigt.
    InformationsquelleAutor Nikunj Jadav
  2. 0

    Wird jeder Abschnitt immer die gleiche Größe? Wenn so, warum nicht Sie eine Unterklasse der UITableViewCell zeichnen das notebook wie die Sache mit den Schlagschatten enthalten?

    Können Sie auch eine transparente UIImageView über die UITableView zu bekommen, die abgedunkelten Ecken.

    EDIT:

    Dieser Effekt ist ein bisschen schwierig, Sie gehen zu wollen, zu schauen in wie zu verwenden UIBezierPaths (http://developer.apple.com/library/IOS/#documentation/UIKit/Reference/UIBezierPath_class/Reference/Reference.html).

    Den oberen Teil kann ein Bild sein (die Ringe und die tab-Effekt). Sie können dann ziehen Sie den rest der Zelle, in der drawRect-Funktion. (Dies effizienter als die Verwendung der shadow-Eigenschaften der Schicht, was wichtig ist in einer UITableViewCell).

    Werden Sie überschreiben möchten Ihre UITableViewCell Klasse und implementieren Sie eine benutzerdefinierte drawRect: - Funktion.

    Hier finden Sie den code, um Ihnen den Einstieg: 

        //Only override drawRect: if you perform custom drawing.
    //An empty implementation adversely affects performance during animation.
    - (void)drawRect:(CGRect)rect
    {

        /* Draw top image here */

        //now draw the background of the cell.
        UIBezierPath *path1 = [UIBezierPath bezierPathWithRect:CGRectMake(0, 0, 320, 50)];
        [[UIColor grayColor] set];
        [path1 fill];

        UIBezierPath *path2 = [UIBezierPath bezierPathWithRect:CGRectMake(0, 52, 320, 50)];
        [[UIColor whiteColor] set];
        [path2 fill];

        UIBezierPath *path3 = [UIBezierPath bezierPathWithRect:CGRectMake(0, 104, 320, 50)];
        [[UIColor grayColor] set];
        [path3 fill];

        UIBezierPath *path4 = [UIBezierPath bezierPathWithRect:CGRectMake(0, 156, 320, 50)];
        [[UIColor whiteColor] set];
        [path4 fill];

        //and so on...

        //Let's draw the shadow behind the last portion of the cell.
        UIBezierPath *shadow = [UIBezierPath bezierPathWithRect:CGRectMake(0, 208, 320, 52)];
        [[UIColor darkGrayColor] set];
        [shadow fill];

        //Finally, here's the last cell with a curved bottom
        UIBezierPath *path5 = [UIBezierPath bezierPath];
        [path5 moveToPoint:CGPointMake(0, 208)];
        [path5 addLineToPoint:CGPointMake(320, 208)];
        [path5 addLineToPoint:CGPointMake(320, 258)];
        [path5 addCurveToPoint:CGPointMake(0, 258) controlPoint1:CGPointMake(160, 254) controlPoint2:CGPointMake(160, 254)];
        [[UIColor grayColor] set];
        [path5 fill];
    }

    Ist der code nicht ganz drag-and-drop, müssen Sie noch hinzufügen, um die weißen Linien, beheben einige Größen, und ändern Sie die Letzte Zelle und Schatten genau richtig. Aber es sollte genug sein, zum du zu erhalten begannen.

    Prost!

    • hier wird jeder Abschnitt Größe ist nicht gleich.es ist anders und dynamischer auch.
    • siehe die aktualisierte Frage
    InformationsquelleAutor Andrew Zimmer
  3. 0

    Werfen Sie einen Blick auf meine Antwort zu einer ähnlichen Frage, darf man eine mögliche Lösung für Ihr problem! Durch die Veränderung der Schatten Weg, den Sie sollten in der Lage sein, um die gewünschten Schatten-Effekt!

    InformationsquelleAutor Nenad M
  4. -1

    Dies kann erreicht werden durch die bezierpath:Überprüfen Sie die URL auf immer verschiedene Schatten-Effekte:http://nachbaur.com/blog/fun-shadow-effects-using-custom-calayer-shadowpaths

    • Links ist n nicht vorhanden.
    InformationsquelleAutor iosdev1111
Schreibe einen Kommentar