Gewusst wie: Programmgesteuertes Messen, string Breite in pixel ASP.NET?

Wie kommst du auf die Größe einer Zeichenkette? In Windows Forms ist es einfach, ich habe gerade mit dem graphics-Objekt und dann MeasureString-Funktion. In ASP.NET ich bin mir nicht sicher, wie dies zu tun.

  • Sind Sie versuchen, um die pixel-Größe des Strings auf den Bildschirm oder die Länge der Zeichenfolge in Zeichen?
  • Ich bin versuchen, um die pixel-Breite, so kann ich programmgesteuert Größe eine dropdownlist, die größte Zeichenfolge
  • Wenn Sie ASP.NET um eine Webanwendung zu erstellen...das wird ein wenig schwieriger. Sie werden versuchen, alle Eingänge auf der Seite die gleiche einheitliche Breite? Wenn nicht, wird der browser die Größe automatisch Dinge für Sie, solange Sie nicht angeben, eine Breite.
InformationsquelleAutor Troy Mitchel | 2011-04-05
  1. 14

    Wie Tom Schlucht ist zu sagen. Sie können einfach erstellen Sie eine bitmap und messure die Zeichenfolge. Ich habe diesen code, den ich verwenden, um zu finden, die Breite/Länge in pixel. Ändern Sie einfach die schriftart und-Größe.

    //Bitmap class namespace:
using System.Drawing;

...

private float GetWidthOfString(string str)
{
    Bitmap objBitmap = default(Bitmap);
    Graphics objGraphics = default(Graphics);

    objBitmap = new Bitmap(500, 200);
    objGraphics = Graphics.FromImage(objBitmap);

    SizeF stringSize = objGraphics.MeasureString(str, new Font("Arial", 12));

    objBitmap.Dispose();
    objGraphics.Dispose();
    return stringSize.Width;
}

    Wollte nur ein Beispiel zeigen.

    • Danke. Ich verwendet asawyer Vorschlag zu finden, die Länge mit linq und dann übergeben, die längste Zeichenfolge auf Ihre Funktion und es Super geklappt. Auch habe ich angepasst, die schriftart und-Gewicht für meine Bedürfnisse.
    • Hier ist eine andere alternative ist die Verwendung von jquery. jquery Beispiel
    InformationsquelleAutor Eystein Bye
  2. 3

    Wenn Sie mit JQuery finden Sie diese Antwort

    Bestimmen Sie die Pixel-Länge des Strings in Javascript/jQuery?

    Ich bin sicher, wenn Sie nicht arbeiten können, etwas ähnliches.

    • Für die downvoters - er erwähnt die "graphics-Objekt und dann MeasureString-Funktion." sprich er will die Breite der pixel des gerenderten string. Der einzige Weg, das zu tun, ist client-Seite, und der link zeigt eine Methode zur Bestimmung dieser.
    • Ich bin mit dem code hinter, wenn das hinzufügen von dynamischen dropdownlist
    • Sie haben, um die Größe des dropdown auf den client laden, suchen Sie sich das Körper-load-Ereignis, werden Sie wollen, um zu bestimmen, die Größe und ändern Sie dann die Größe Ihrer Liste.
    • "Der einzige Weg, das zu tun, ist client-side", das ist falsch, fürchte ich. Obwohl es ist gut, dass du darauf hingewiesen hast, eine alternative.
    • ok wie wärs mit "Der einzige Weg, um relativ sicher ist der client-Seite"? 🙂
    • Wie wäre es, "Hier ist eine alternative Lösung, kann besser auf Ihre Bedürfnisse ausrichten".

    InformationsquelleAutor asawyer
  3. 3

    String.Länge

    Gibt die Länge des Strings (Anzahl der Zeichen).

    C#

    string MyString = "Stack Overflow String";
Response.Write(MyString.Length);

    VB.net

    Dim MyString As String = "Stack Overflow String"
Response.Write(MyString.Length);

    MSDN-Referenz

    http://msdn.microsoft.com/en-us/library/system.string.length.aspx

    Physikalischen String-Größe Serverside

    Ich bin mir nicht sicher, warum so viele Menschen sind
    offenbar entschlossen sich die Idee, dass es "flat-out unmöglich' zu tun, diese server-Seite, ist es nicht. Sie müssen nur ein bisschen Kreativität, und bereit sein zu tun, eine Menge Tests.

    Es gibt keine native Funktion, die ich kennen, Messen Sie die pixel-Dimensionen eines Strings. Sie erreichen es die folgenden Möglichkeiten. Hinweis Sie müssen wissen:

    • Die font-Familie
    • Schriftgröße
    • Container-Dimensionen (wenn der text umgebrochen Zeilen)
    • Alle anderen CSS-Regeln wie z.B. word-Zeilenabstand zu machen geht die Berechnung sehr viel weniger genau und komplizierter. Versuchen Sie, und vermeiden Sie es, wenn Genauigkeit wichtig ist.

    1. Rendern Sie ein Bild und Messen Sie die Bildgröße

    Ziehen Sie den text in ein bitmap, und dann Messen. Diese sollte ziemlich exakt.

    2. Verwenden Sie eine Feste Breite-schriftart

    Wenn Sie eine Feste Breite-schriftart und den text nicht umbrochen wird, können Sie einfach multiplizieren Sie die Breite durch die Anzahl der Zeichen.

    3. Grobe Schätzung

    Könnten Sie bekommen eine ziemlich grobe Schätzung, die auf nicht-Schriften mit fester Breite von Kommissionierung einige willkürliche Zeichen Breite Zahl und multipliziert es durch Zeichen insgesamt. Hängt davon ab, wie genau Sie sein wollen.

    • ich habe versucht, die vor aber ich habe dann zu mulitply, dass durch eine Durchschnittliche Breite in pixel für ein Zeichen das ist ein bisschen dürftig.
    • fyi, die client hat die Kontrolle und kann überschrieben werden und werfen alle diese Berechnungen aus. Der einzig sichere Weg ist das Rendern in eine temporäre Spanne, und verwenden Sie die client-Funktionen zu Messen, dass.
    • und was ist, wenn der client Javascript deaktiviert? Sie haben, einen Kompromiss zu machen an einem gewissen Punkt. Wenn der Zeichensatz angegeben ist, als 12px und Courier New sind, können Sie ziemlich sicher davon ausgehen, dass ist, wie es wiedergegeben wird. Er bat um eine server-side-Lösung speziell, das ist das, was ich versucht habe, um ihm mit.
    • Wenn der client nicht über scripting aktiviert ist (die ich oft nicht) Sie bekommen eine minderwertige Erfahrung auf der web-Seite. Ich sehe keine Notwendigkeit, code etwas langsamer - /Ressource intensive bitmap-rendering-Schema zu behandeln, der Fall, wenn theres eine gute chance, Ihre Antwort ist sowieso falsch, und Sie haben buchstäblich keine Möglichkeit zu wissen (Außer eine böse E-Mail Schätze ich mal), Wann und wo Sie es bekommen, schrecklich falsch. Dies ist nur meine Meinung. 🙂
    • interessante Sicht. Ihre Annahme, dass es langsam/Ressource intensive nicht wirklich tragen kein Gewicht. Auch, ich habe ähnliches vor, ich habe gerenderten text aus einem browser-designer, um ein bitmap, und es dauerte ein bisschen Mühe und testen, aber es funktioniert ganz gut, keine Beschwerden noch 😉 Also ich weiß das es funktionieren kann und funktioniert einwandfrei. Ich habe keine Ahnung, warum Sie schalten Javascript aus, scheint paranoid zu mir, aber wenn die Leute das tun, dann sollten Sie die Gestaltung der Seiten mit progressive Verbesserungen, so dass Sie nicht haben, minderwertige Erfahrungen.
    • Ich könnte versuchen, und rufen eine javascript-Funktion angegeben durch asawyer link. Dann gibt es noch die quick-and-dirty Weg, der gerade meas. die Länge und die Multiplikation. Ich werde Experimentieren mit den Methoden, die hier gepostet für heute. Vielen Dank an alle, die mitgeholfen haben, werde ich prüfen periodcally für mehr Antworten.
    • Ich glaube, du hast vergessen den browser zu skalieren (und zoom) - Ebene. Ein 16px font-kann eine ganz andere Größe auf Ihrem Rechner und meine Maschine je nach browser-Einstellungen.
    • wählen, was das beste für Sie, Experimentieren Sie, und denken Sie daran, dass nichts in computing, ist wirklich unmöglich, am Ende des Tages. Viel Glück
    • Es ist langsamer, dann nicht, es zu versuchen. Haben ya es. Scherz beiseite, es ist ein etwas relativer Begriff. Haben Sie vielleicht eine killer-server und alles ist cool. Ich erwarte, dass so etwas wie, dass würde nicht sehr gut skalieren, wie Sie Ihre hit-rate erhöht, aber ich bin nur wirklich spekulieren. Ich schrieb einmal, dass eine Seite gerendert-barcodes als Bitmap an den client, damit ich weiß, es ist nicht alles wahnsinnig langsam oder unmöglich. Nur in diesem Fall bin ich einfach nicht sehen, die Vorteile überwiegen die Kosten. Dies ist alles nur meine Meinung.
    • server-Seite ist schneller für den Kunden. Client-Seite ist schneller für den server. So kritisiert eine Lösung für die wird langsamer sein als eine andere, ist sinnlos, weil wir nicht wissen, was der tmax will, oder was der Zweck der den code hat, aber die Frage ausdrücklich gebeten, für eine server-side-Lösung. Menschen auf der Suche auf Google gehen, auf der Suche nach einen server-side-Lösung, wenn Sie sehen, diese Frage.
    • würden Sie so freundlich sein, uns zu zeigen, einige spezifische CSS und code (und seine Ergebnisse). Für einen einfachen test habe ich versucht jetzt zu zeigen scheint, verschiedenen Browsern und können auf do render identische HTML-anders. Siehe i56.tinypic.com/143mdl3.png Der nur gültige Antwort auf diese Frage ist – kann man nicht tun, die server-Seite, und wollen nicht – versuche das zu tun, zeigen nur ein anderes problem dahinter ist (wie in diesem Fall zwingt eine dropdownlist, haben eine bestimmte Breite, und überschreiben Sie die Breite mit dynamisch berechnete maximale Breite, das wäre der Standard).
    • Ich gehe nicht durch meinen code und Ergebnisse liefern, sorry werde es einfach zu lange dauern. Es funktioniert, ich habe es getestet in IE6+, Chrome und FF und es ist pixel perfekt beim Rendern von text zu einem Bild. Was ist frustrierend ist, dass nicht, wo in meiner Antwort habe ich dem Satz sagen: "Das wird garantiert eine perfekte Lösung", habe ich schon vorsichtig zu formulieren, es schlage vor, Sie wahrscheinlich kommen über Ungenauigkeiten, während die anderen Antworten in dieser Frage bereit sind zu kritisieren und es als eine Unmögliche Aufgabe ist, dass kein Programmierer jemals in der Lage zu überwinden, und dass Sie einen client-Lösung ist der einzige Weg.
    • auch Sie, wie asawyer, gehen zu müssen um sich zu qualifizieren, solche Annahmen wie "das einzige gültige Lösung'. Es ist unbegründet
    • Schauen Sie, ich verstehe nicht, warum wir streiten über dieses, sofern Sie Ihre Lösungen, ich meine. Ich habe versucht, so genau, wie ich könnte, und beantworten Sie die Frage so genau wie möglich. Und ich habe darauf hingewiesen, in anderen Völkern Fragen, dass Ihre Annahmen, dass es unmöglich falsch liegen. Das ist alles.
    • Schlucht - “Oft sind Menschen, die technische Unterstützung benötigen, haben eine high-level-Ziel im Auge und bleiben Sie auf, was Sie denken, ist ein besonderer Weg in Richtung Ziel. Sie kommen für die Hilfe mit den Schritt, aber nicht erkennen, dass der Pfad falsch ist." [ESR]
    • Ich habe nie gesagt, das client-side-Lösung falsch war. Ich ermutige und interessiere mich für alternative Routen, siehe mein Kommentar "es ist gut, Sie haben darauf hingewiesen, eine alternative Lösung'. Aber wenn ich sehe, krasse Falschinformationen verbreitet, wie die server-Seite ist unmöglich, ich werde es korrigieren zum Wohle der Menschen auf der Suche für eine server-side-Lösung in der Zukunft. Alle diese Kritiken, die eine server-side-Lösung sind nur Annahmen, die ohne Kenntnis des Kontextes die Frage, Fragesteller, ist die Anwendung den code in.
    • War ein interessanter Gedanke übung mindestens. 🙂

    InformationsquelleAutor Tom Gullen
  4. 0

    Können Sie die Length-Eigenschaft auf eine Zeichenfolge wie folgt:

    http://www.dotnetperls.com/string-length

    • FYI, ich bin kein Windows-Programmierer. Frage-tags hat nicht unbedingt diese.
    • Nein, die Antwort ist in Ordnung, jemanden, der in dieser Frage ist down-voting alle anderen Antworten ohne ersichtlichen Grund abgesehen vom eigenen Gewinn durch die Blicke der Dinge. Ich habe +1 Sie, um Sie zu negieren.
    • Danke Tom... ich hatte noch nicht den Kaffee noch 😉
    • Ich denke, es sollte offensichtlich sein, dass (zumindest jetzt) die Frage fragt nach pixel Breite der text, nicht seine Länge in Zeichen.
    InformationsquelleAutor IrishChieftain
  5. 0

    Es ist völlig unmöglich, was zu tun auf der server-Seite (vorausgesetzt, dass durch "ASP.NET" meinen Sie web-Seiten erstellt mit ASP.NET"). ASP.NET Ausgänge HTML, das ist eine markup-Sprache interpretiert und gerendert , die von einem browser auf dem client. Der gleiche HTML-code angezeigt werden kann, auf verschiedenen Geräten in verschiedenen Browsern, mit verschiedenen installierten Schriftarten, etc., was in grob abweichende display.

    Ihre ASP.NET Website das ausführen von code auf dem server nicht weiß, welche schriftart, welche Auflösung, usw. Ihr client verwendet. Den nur theoretische Weise dies getan werden könnte, ist das ausführen von client-side code (z.B. JavaScript, Silverlight, Flash, ...) zu melden wieder zurück an den server. Allerdings wäre dies ziemlich schwierig.

    Im Allgemeinen, brauchen Sie nicht zu tun, Sie nicht tun wollen.

    • Es ist nicht völlig unmöglich, sorry.
    InformationsquelleAutor Mormegil
  6. 0

    @Tom Schlucht, @asawyer

    Dies ist meine temporäre Lösung und es scheint zu funktionieren jetzt. fyi, mein Projekt war eine asp.net Anwendung mit vielen dynamischen Schnittstellen beteiligten (das ist eine andere Geschichte). Bei anyrate meine Kurzfristige Lösung ist unten geschrieben. Im acually mit ein modalpopupextender (mit listbox) on the fly, wenn der Benutzer auf ein Textfeld (custom combobox). Die ajax-combobox funktioniert nicht sehr gut vor allem, wenn es gibt viele von Ihnen, und Sie können nicht setzen der dropdown-Breite einer dropdownlist.

    Friend Function ResizePopup(ByVal sender As Object, ByVal standardwidth As Integer) As Integer
    Dim lst As ListBox = CType(sender, ListBox)
    Dim itemlength As Single = 0

    'get longest string length
    For Each item As ListItem In lst.Items
        If item.Text.Length > itemlength Then
            itemlength = item.Text.Length
        End If
    Next

    'set a general multiplier
    Dim newWidth As Integer = itemlength * 7

    'compare to width of control, if larger, then use value else return control width
    If newWidth > standardwidth Then
        Return newWidth
    Else
        Return standardwidth
    End If

End Function
    • finden Sie die längste Zeichenfolge zwingend mit linq sehr einfach dim strings = new List(of string)(new string(){"a","aa","aaa"}) dim longestString = strings.OrderByDescending(function(s) en.Länge).Nehmen(1)
    • gute Idee, danke.
    • Äh, sicher sein, zu überprüfen und zu sehen, ob Elemente existieren erste, oder die änderung zu SingleOrDefault und machen Sie einen Null-check.
    InformationsquelleAutor Troy Mitchel
  7. 0

    In der folgenden Methode wird die Größe von Text in einer bestimmten schriftart:

    private RectangleF sizeOfString(string text, Font font)
{
    GraphicsPath path = new GraphicsPath();
    path.AddString(text, font.FontFamily, (int)font.Style, font.Size, new Point(0, 0), new StringFormat());
    return path.GetBounds();
}

    Könnte man dann verwenden Sie diese, um die Breite Sie wie folgt vor

    float width = sizeOfString("Hello World", someFont).Width;
    InformationsquelleAutor Andrew
  8. 0

    @Eystein Bye Lösung, hergestellt aus sauberer, mit aufzuhalten der Benutzung: 

    using (Bitmap objBitmap = new Bitmap(5000, 200))
{
     using (Graphics objGraphics = Graphics.FromImage(objBitmap))
     {
          SizeF stringSize = objGraphics.MeasureString(txt, new Font("Arial", 12));
          return stringSize.Width;
     }
}
    InformationsquelleAutor dlchambers
Schreibe einen Kommentar