{"id":4910,"date":"2014-01-28T13:57:46","date_gmt":"2014-01-28T05:57:46","guid":{"rendered":"http:\/\/www.vbtutor.net\/?page_id=4910"},"modified":"2018-06-24T17:00:26","modified_gmt":"2018-06-24T09:00:26","slug":"visual-basic-2013-lesson-26-creating-graphics-drawing-rectangle","status":"publish","type":"page","link":"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-26-creating-graphics-drawing-rectangle\/","title":{"rendered":"Visual Basic 2013 Lesson 26: Drawing Rectangles"},"content":{"rendered":"<h4 style=\"text-align: center;\"><a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-25-working-graphics\/\">[Lesson 25] <\/a>&lt;&lt; [<a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-tutorial\/\">Contents]<\/a> &gt;&gt; <a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-27-creating-graphics-ellipse-circle\/\">[Lesson 27]<\/a><\/h4>\n<h3>26.1 Creating Rectangles<\/h3>\n<p>There are two methods to draw a rectangle on the default form in Visual Basic 2013:<\/p>\n<h4>Method 1<\/h4>\n<p>Draw a rectangle directly using the <strong>DrawRectangle<\/strong> method by specifying its upper-left corner\u2019s coordinate and its width and height. You also need to create a Graphics and a Pen object to handle the actual drawing.The syntax is:<\/p>\n<pre style=\"font-size: 110%;\">myGrapphics.DrawRectangle(myPen, X, Y, width, height)<\/pre>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"3914691604\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><br \/>\n*Where myGraphics is the variable name of the Graphics object and myPen is the variable name of the Pen object created by you. X, Y is the coordinate of the upper left corner of the rectangle while width and height are self-explanatory, i.e, the width and height of the rectangle.<\/p>\n<h4>The \u00a0code<\/h4>\n<pre style=\"font-size: 110%;\">Dim myPen As Pen\r\n myPen = New Pen(Drawing.Color.Blue, 5)\r\nDim myGraphics As Graphics = Me.CreateGraphics\r\n myGraphics.DrawRectangle(myPen, 0, 0, 100, 50)\r\n<\/pre>\n<h4>Method 2<\/h4>\n<p>Create a rectangle object first and then draw this triangle using the DrawRectangle method. The syntax is :<\/p>\n<pre style=\"font-size: 110%;\">myGraphics.DrawRectangle(myPen,myRectangle)\r\n<\/pre>\n<p>where myRectangle is the rectangle object created by you, the user.<\/p>\n<p>The code to create a rectangle object is as shown below:<\/p>\n<pre style=\"font-size: 110%;\">Dim myRectangle As New Rectangle\r\n myRect.X = 10\r\n myRect.Y = 10\r\n myRect.Width = 100\r\n myRect.Height = 50\r\n<\/pre>\n<p>You can also create a rectangle object using a one-line code as follows:<\/p>\n<pre style=\"font-size: 110%;\">Dim myRectangle As New Rectangle(X,Y,width, height)\r\n<\/pre>\n<p>and the code to draw the above rectangle is<\/p>\n<pre style=\"font-size: 110%;\">myGraphics.DrawRectangle(myPen, myRectangle)<\/pre>\n<h3>26.2 Customizing the Line Style of the Pen Object<\/h3>\n<p>The shape we draw so far is drawn with a solid line.\u00a0 However, we can customize the line style of the Pen object so that we can draw a dotted line, a line consisting of dashes and more. For example, the syntax to draw the dotted line is shown below:<\/p>\n<pre style=\"font-size: 110%;\">myPen.DashStyle=Drawing.Drawing2D.DashStyle.Dot<\/pre>\n<p>Where the last argument Dot specifies a particular line DashStyle value, a line that makes up of dots here. In addition, other DashStyles values are Dash, DashDot, DashDotDot and Solid.The following code draws a rectangle with the blue dotted line.<\/p>\n<pre style=\"font-size: 110%;\">Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click\r\nDim myPen As Pen\r\n myPen = New Pen(Drawing.Color.Blue, 5)\r\nDim myGraphics As Graphics = Me.CreateGraphics\r\n myPen.DashStyle = Drawing.Drawing2D.DashStyle.Dot\r\n myGraphics.DrawRectangle(myPen, 10, 10, 100, 50)\r\nEnd Sub\r\n<\/pre>\n<p>The output image is as \u00a0shown in Figure 26.1<\/p>\n<p><a href=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4916\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg\" alt=\"vb2013_figure26.1\" width=\"300\" height=\"300\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><strong>\u00a0Figure 26.1<\/strong><\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"3914691604\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>If you change the DashStyle value to DashDotDot, you can draw rectangles with different border, as shown in Figure 26.2.<\/p>\n<p>The possible values of the line DashStyle of the Pen are listed in the table below:<\/p>\n<div style=\"overflow-x:auto;\">\n<table align=\"center\">\n<tbody>\n<tr>\n<th>DashStyle<br \/>\n                  Value<\/th>\n<th>Line Style<\/th>\n<\/tr>\n<tr>\n<td>Dot<\/td>\n<td>Line consists of dots<\/td>\n<\/tr>\n<tr>\n<td>Dash<\/td>\n<td>Line consists of dashes<\/td>\n<\/tr>\n<tr>\n<td>DashDot<\/td>\n<td>Line consists of alternating dashes and<br \/>\n                  dots<\/td>\n<\/tr>\n<tr>\n<td>DashDotDot<\/td>\n<td>Line consists of alternating dashes and<br \/>\n                  double dots<\/td>\n<\/tr>\n<tr>\n<td>Solid<\/td>\n<td>Solid line<\/td>\n<\/tr>\n<tr>\n<td>Custom<\/td>\n<td>Custom line style<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4918\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.2.jpg\" alt=\"vb2013_figure26.2\" width=\"300\" height=\"300\" \/><\/a><strong>Figure 26.2<\/strong><\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block;\" data-ad-format=\"autorelaxed\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"3644929102\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h4 style=\"text-align: center;\"><a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-25-working-graphics\/\">[Lesson 25]\u00a0<\/a>&lt;&lt; [<a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-tutorial\/\">Contents]<\/a>\u00a0&gt;&gt; <a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-27-creating-graphics-ellipse-circle\/\">[Lesson 27]<\/a><\/h4>\n<p style=\"text-align: left;\">\n","protected":false},"excerpt":{"rendered":"<p>[Lesson 25] &lt;&lt; [Contents] &gt;&gt; [Lesson 27] 26.1 Creating Rectangles There are two methods to draw a rectangle on the default form in Visual Basic 2013: Method 1 Draw a rectangle directly using the DrawRectangle method by specifying its upper-left corner\u2019s coordinate and its width and height. You also need to create a Graphics and &hellip; <a href=\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-26-creating-graphics-drawing-rectangle\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Visual Basic 2013 Lesson 26: Drawing Rectangles<\/span><\/a><\/p>\n","protected":false},"author":23013,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-4910","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Visual Basic 2013 Lesson 26: Drawing Rectangles - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB<\/title>\n<meta name=\"description\" content=\"This article illustrates how to draw rectangles in visual basic 2013\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Basic 2013 Lesson 26: Drawing Rectangles - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\" \/>\n<meta property=\"og:description\" content=\"This article illustrates how to draw rectangles in visual basic 2013\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html\" \/>\n<meta property=\"og:site_name\" content=\"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Vbtutor\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-24T09:00:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@liewvk\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-26-creating-graphics-drawing-rectangle\/\",\"url\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html\",\"name\":\"Visual Basic 2013 Lesson 26: Drawing Rectangles - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\",\"isPartOf\":{\"@id\":\"https:\/\/www.vbtutor.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#primaryimage\"},\"image\":{\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg\",\"datePublished\":\"2014-01-28T05:57:46+00:00\",\"dateModified\":\"2018-06-24T09:00:26+00:00\",\"description\":\"This article illustrates how to draw rectangles in visual basic 2013\",\"breadcrumb\":{\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#primaryimage\",\"url\":\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg\",\"contentUrl\":\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg\",\"width\":300,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vbtutor.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual Basic 2013 Lesson 26: Drawing Rectangles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vbtutor.net\/#website\",\"url\":\"https:\/\/www.vbtutor.net\/\",\"name\":\"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\",\"description\":\"Start learning Visual Basic from beginner to advanced. Includes VB.NET, VBA, and classic VB tutorials for students and professionals.\",\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Basic 2013 Lesson 26: Drawing Rectangles - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","description":"This article illustrates how to draw rectangles in visual basic 2013","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html","og_locale":"en_US","og_type":"article","og_title":"Visual Basic 2013 Lesson 26: Drawing Rectangles - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","og_description":"This article illustrates how to draw rectangles in visual basic 2013","og_url":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html","og_site_name":"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","article_publisher":"https:\/\/www.facebook.com\/Vbtutor","article_modified_time":"2018-06-24T09:00:26+00:00","og_image":[{"url":"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@liewvk","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-26-creating-graphics-drawing-rectangle\/","url":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html","name":"Visual Basic 2013 Lesson 26: Drawing Rectangles - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","isPartOf":{"@id":"https:\/\/www.vbtutor.net\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#primaryimage"},"image":{"@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#primaryimage"},"thumbnailUrl":"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg","datePublished":"2014-01-28T05:57:46+00:00","dateModified":"2018-06-24T09:00:26+00:00","description":"This article illustrates how to draw rectangles in visual basic 2013","breadcrumb":{"@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#primaryimage","url":"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg","contentUrl":"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure26.1.jpg","width":300,"height":300},{"@type":"BreadcrumbList","@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson26.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vbtutor.net\/"},{"@type":"ListItem","position":2,"name":"Visual Basic 2013 Lesson 26: Drawing Rectangles"}]},{"@type":"WebSite","@id":"https:\/\/www.vbtutor.net\/#website","url":"https:\/\/www.vbtutor.net\/","name":"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","description":"Start learning Visual Basic from beginner to advanced. Includes VB.NET, VBA, and classic VB tutorials for students and professionals.","inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages\/4910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/users\/23013"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/comments?post=4910"}],"version-history":[{"count":45,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages\/4910\/revisions"}],"predecessor-version":[{"id":13080,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages\/4910\/revisions\/13080"}],"wp:attachment":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/media?parent=4910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/categories?post=4910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/tags?post=4910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}