그래픽 컨트롤의 사용 및 관리

웹 페이지는 종종 여러 개의 이미지를 포함하고 이미지를로드하고 그것을 표시하는 브라우저에게 지시하는 적절한 HTML 태그 (IMG)를 사용합니다. ASP.NET은 설정을 번역하여 코드에서 이러한 유형의 파일을 관리할 수있는 이미지 서버 컨트롤을 사용하여 IMG 태그를 사용하여 프로그래머에게 투명합니다.

이미지 컨트롤을 사용은 매우 간단합니다, 그냥 다른 HTML 컨트롤과 같은 웹 양식에있는 도구 상자에서 드래그합니다. 이것은 완료가 태그 <img/> 생성됩니다

이들 컨트롤 외에도 ASP.NET은 두 기타 유용한 컨트롤을 제공합니다 : ImageButton 당신이 이미지를지도와 다르게 반응 영역으로 그것을 나눌 수 있도록 벽지, ImageMap, 같은 이미지를 설정할 수있는 버튼입니다 사용자의 클릭을 기반으로 (다른 지역을 클릭하면 해당 기능이있는 페이지를 엽니다지도의 예를 들어 생각).

도구 상자에서 새 웹 양식을 만들고 거기에 이미지 컨트롤을 끕니다. 컨트롤의 속성 창에서 ImageUrl 속성에 우리의 컴퓨터에 이미지 경로를 삽입합니다. 당신이 그 재산의 오른쪽에있는 버튼을 클릭하면 기본적으로 우리의 프로젝트에있는 항목 (전에 프로젝트에 이미지를 삽입)와 함께 대화 상자가 표시됩니다. 예를 들어 내 프로젝트에 이미지를 추가 Collineazzurre.jpg하고이 대화 상자에서 선택할 수 있습니다

확인을 클릭하면, 여기 페이지가 나타납니다 방법

응용 프로그램의 시작 우리는 우리의 브라우저에서만 이미지가 포함된 페이지가 표시됩니다.

이제 우리 페이지에 ImageButton 컨트롤을 추가합니다. 마찬가지로 당신이 어떤 그래픽 장식 수있는 버튼이 표시됩니다 이전에 언급했다. 이 컨트롤을 통해 당신은 세 가지 시나리오를 관리할 수 있습니다 : 당신이 클라이언트 측 스크립팅 및 플러그인 컨트롤의 OnClientClick 속성을 정의할 수 초 만에 서버에서 Click 이벤트에 연결할 수있는 간단한 버튼 ImageButton으로 첫 번째 기능에 스크립트와 세 번째에 당신은 속성 PostBackUrl를 통해 특정 페이지로 다음 요청을 보낼 수있는 컨트롤을 알 수 있습니다. 다시이 컨트롤이 표시하는 이미지를 표시하는 ImageUrl 속성을 향상시킬 필요가 있습니다

우리가 속성을 작성하는 경우 시험 OnClientClick ASP.NET 코드는 다음과 같이 수정합니다

그리고 클릭하면 테스트 버튼 (스크립트가 존재하지 않는 경우 오류가 발생거야) 스크립트를 검색합니다

속성 PostBackUrl은 버튼 클릭시 ~ / Validazione.aspx를 (몇 수업 전에 페이지를 만든) 작성하는 경우에는, 우리는이 페이지로 리디렉션됩니다.

지금 ImageMap 컨트롤을 추가하고 ImageUrl 속성 (나는 새로운 "힐즈 azzurre.jpg"를 사용)와 같은 이미지를 설정합니다. 컨트롤의 속성 중 핫스팟도 있습니다. 속성 클릭하고 귀하가 이미지의 이른바 핫스​​팟 (대화형 지역)을 정의할 수있는 창이 나타납니다. 추가 버튼을 선택할 수 있습니다 어떤 장소 핫스팟의 종류 (원형 사각형 또는 다각형). 사각형 HOSPOT를 삽입

우리는 재산 AlternateTex in 위치와 문자열 (테스트)에 대한 값을 설정

응용 프로그램을 시작, comparrirà 텍스트에 정의된 영역에 마우스를 배치를 클릭하여보십시오, 우리는 Validazione.aspx (NavigateUrl 속성을 설정)로 이동합니다

• <<이전 레슨
• 색인 도움말
• 다음 수업>>