Desenvolvimento - ASP. NET

ASP.NET 2.0 - Herança visual com Master Page

Uma grande novidade que podemos encontrar no ASP.NET 2.0 é o recurso Master Page (Herança Visual). Com esse recurso podemos criar uma pagina padrão e depois replicar a aparência visual para as outras paginas.

por Ramon Durães


Artigo recomendado para ASP.NET 2.0 - Visual Studio Beta 2

Uma grande novidade que podemos encontrar no ASP.NET 2.0 é o recurso Master Page (Herança Visual). Com esse recurso podemos criar uma pagina padrão e depois replicar a aparência visual para as outras paginas. Caso precise mudar, basta alterar em um único ponto. A Master Page pode ser definida na diretiva da pagina, dinamicamente via código e até no web.config para que todas paginas já saiam com uma Master Page. Confira na figura 01 uma Master Page e na figura 02 sua utilização dentro de um web form.



Figura 01 - Master Page



Figura 02 - Pagina usando uma Master Page


Criando Master Page

Vá ao Solution Explorer, botão direito no seu projeto, Add New Item e escolha o tempate Master Page conforme figura 03. Confirmando será criado um arquivo com a extensão "*.master" que indica que esse arquivo é uma Master Page.


Figura 03 - Criando uma Master Page

Com a Master Page criada conforme figura 04, adicione um texto que usaremos como padrão. A área que aparece como ContentPlaceHolder será o espaço reservado para adicionar o contéudo do WebForm. Você pode adicionar quantos Contents forem necessários.


Figura 04 - Nova Master Page

Apartir desse momento já podemos criar uma nova pagina (webform) que utilize uma Master Page para definir sua aparência. Adicione então um novo WebForm conforme figura 05 e marque o checkbox "select master page". Após confirmar vai mostrar a tela da figura 06, onde você deve escolher uma Master Page.


Figura 05 - Criando nova pagina e relacionando Master Page


Figura 06 - Selecionando Master Page

Após confirmar teremos o resultado apresentando na figura 07, adicione um texto dentro do Content e execute sua pagina no navegador, o resultado deve ser similar a figura 08.


Figura 07 - Nova Pagina


Figura 08- Testando a pagina

Acesso objetos da Master Page
É possível acessar objetos em uma Master Page e alterar valores dinamicamente. Retorne a nossa PaginaPadrao.Master e onde tinha colocado um texto "Master Page" retire o mesmo e coloque um Label, com as propriedades: Text="",ID=lblTitulo. Confira na figura 09.


Figura 09 - Adicionando Label na Master Page.

Agora efetue dois cliques na Master Page e vamos ao code behind. Adicione a propriedade AlteraTitulo conforme listagem 01.

Public WriteOnly Property AlteraTitulo() As String

 Set(ByVal value As String)
Me.lblMaster.Text = value
End Set

End Property

Listagem 01 - Propriedade AlteraTitulo

Agora retorne ao webform que criamos e adicione um Label, um TextBox e um Button conforme figura 10. Ainda nessa pagina efetue a codificação do botão conforme listagem 02.



Figura 10 - Alterando Pagina (WebForm)

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click

CType(Master, PaginaPadrao).AlteraTitulo = Me.TextBox1.Text

End Sub

Listagem 02 - Propriedade AlteraTitulo

Após adicionar o código já poderemos testar conforme figura 11.


Figura 11 - Testando

Diretivas de Pagina

 O arquivo.master contém a diretiva @Master :

<%@ Master Language="VB" CodeFile="Mastermodelo.master.vb" Inherits="Mastermodelo" %>

A pagina contém a diretiva MasterPageFile :
<%@ Page Language="VB" MasterPageFile="~/MasterPages/PaginaPadrao.master" AutoEventWireup="false" CodeFile="Nova_Pagina.aspx.vb" Inherits="Nova_Pagina" title="Untitled Page" %>

 Observando código da listagem 02 foi necessário fazer casting para ter acesso a propriedade da Master, para não ser necessário, na pagina adicione o atributo MasterType:
<%@ MasterType VirtualPath="PaginaPadrao.master" %>

 Adicionando essa diretiva na pagina poderemos alterar código conforme listagem 03.

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click

"CType(Master, PaginaPadrao).AlteraTitulo = Me.TextBox1.Text

Master.AlteraTitulo = Me.TextBox1.Text

End Sub

Listagem 03 - Propriedade sem fazer casting

Finalizando

Master Pages conforme você conferiu veio para facilitar mais ainda o trabalhado do desenvolvedor que agora vai ter uma pagina padrão com o layout que pode ser alterado a qualquer momento em um único ponto.

Faça o download do código.


 O que você gostaria saber?
Aguardo seu comentário! Ele é muito importante. Participe!!! Até próximo artigo!

Você é de Salvador/Aracaju, então participe do grupo de usuários .NET http://www.mutex.com.br
Ramon Durães

Ramon Durães - Especialista em desenvolvimento de software e Microsoft Most Valuable Professional (MVP) em Visual Studio Team System. Realiza treinamentos de .NET Framework em empresas, consultoria em arquitetura de software e implantação de Visual Studio Team System. Palestrante nos principais eventos da Microsoft no Brasil (Tech-Ed 2005, Tech-Ed 2006, Tech-Ed 2007, Tech-Ed 2008, Tech-ED 2009), Microsoft Innovation Days 2007 (Salvador, Brasília, Recife, Goiânia, Natal, Maringá), Microsoft Innovation Days 2009 (Salvador) , Campus Party Brasil 2009 e eventos regionais relacionados a grupos de usuários e universidades. Conhecido autor de artigos para os principais portais de conteúdo e autor de 10 publicações eletrônicas em CD (Video-Aula) pela editora Linha de Código além dos livros "Desenvolvendo para web usando o Visual Studio 2008" e "Gerenciando projetos de software usando Visual Studio Team System" pela editora Brasport. Pode ser encontrado em seu blog http://www.ramonduraes.net e @ramonduraes no Twitter.