Gör snygga personliga rubriker del 1
Förord
Har du någon gång under ditt programmerarliv på webben funderat över hur du ska kunna ha en snygg design utan att tvinga användaren att ladda ner dina typsnitt, eller göra bilder för varje rubrik? Båda lösningarna fungerar men har klara brister. Den första av uppenbara anledningar och den andra av andra mer praktiska skäl. Vad händer den dag då du ska lägga till en sida, byta typsnitt eller kanske hantera olika språk? Massa jobb! Det är var som händer. Enter: GDI+Innehåll
»»
Relaterade artiklar
» Gör snygga personliga rubriker del 2
Bakgrund
Eftersom jag inte är typen som gillar att ge långa förklaringar så tänker jag bara ta upp ett par viktiga saker i grunderna till GDI+ och sen gå vidare med det som är kul. Alla källor säger att GDI+ dels finns inbyggt i Windows XP och som nedladdning hos Microsoft för dig som har Win2k men faktum är att jag har Win2k och jag har inte laddat ner något vad jag vet. Min lösning på problemet är at du tittar efter filen ”gdiplus.dll” i [windows]/system32. Den kan också finnas på: [windows]/Microsoft.NET/Framework/[version]. Finns den inte där måste du först ladda ner grejer från: Vad .NET framework, och i förlängningen Visual Studio, gör är att skapa begripliga metoder av annars relativt obegriplig kod.
On with the show
Vi sparkar igång direkt med exempelkod. Kör igång ett nytt webbprojekt (ge den något vettigt namn), ta bort filen Webform1.aspx, lägg till två nya filer; Display.aspx och CreateFontImage.aspx.Låt projektet importera klasserna System.Drawing.Imaging och System.Drawing.Text. Det gör du genom att antingen skriva "Imports System.Drawing.Text" och "Imports System.Draing.Imaging" längst upp i filen CreateFontImage.aspx.vb, eller så lägger du till dem för hela projektet genom att öppna egenskaper för projektet, leta dig fram till Imports under Common Properties och lägga till dem där.
Därefter klistrar du in följande kod i de olika filerna på rätt ställen.
Display.aspx
CreateFontImage.aspx.vb (codebehind)
Response.ContentType = "image/gif"
Dim bmp As Bitmap = New Bitmap(200, 40)
Dim g As Graphics = Graphics.FromImage(bmp)
Dim brBlue As New SolidBrush(ColorTranslator.FromHtml("#000099"))
Dim HeadlineFont As New Font("Comic Sans MS", 16, FontStyle.Bold, GraphicsUnit.Point)
bmp.SetResolution(72, 72)
g.FillRectangle(New SolidBrush(Color.White), _
New Rectangle(0, 0, bmp.Width, bmp.Height))
g.TextRenderingHint = TextRenderingHint.AntiAlias
g.DrawString("Dynamisk rubrik", HeadlineFont, brBlue, 0, 0)
bmp.Save(Response.OutputStream, ImageFormat.Gif)
bmp.Dispose()
g.Dispose()
Sätt Display.aspx som startsida för projektet, bygg och KÖR!
Resultatet bör se ut ungefär såhär:
I del 2 ska vi titta på vad som egentligen händer och senare hur man kan anpassa bilden efter krav.
0 Kommentarer