Platzieren von Bildern über ein Programm auf Seite ASP.net Web-Anwendung c#

Wie kann ich ein Bild-Steuerelement programmgesteuert ? in einem asp.net web-Anwendung auf dieser Seite möchte ich erstellen 3 Bilder programmatisch und legen Sie Sie mit etwas Abstand zwischen Ihnen;

int punctX = 50;
            int punctY=50;

            for (int y = 0; y < 2; y++)
            {
                System.Web.UI.WebControls.Image image = new System.Web.UI.WebControls.Image();
                image.ID = "culoare" + y.ToString();

-- wie um ein Bild auf der Seite?
}

Wo sind die Bilder gespeichert, die in der DB?

InformationsquelleAutor TBogdan | 2012-07-12

  1. 2

    Es ist besser, wenn Sie verwenden können, eine Art Platzhalter, um Ihre Bilder in. Hier in diesem Beispiel verwende ich ein asp.net panel-Steuerelement. In der code-behind können Sie die style-Eigenschaft mit den entsprechenden Parametern. 

    <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="StackOverFlow_2._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:Panel ID="pnlImages" runat="server"></asp:Panel>
</asp:Content>

    Vorausgesetzt, Sie haben Bilder wie dieses

    Platzieren von Bildern über ein Programm auf Seite ASP.net Web-Anwendung c#

    Können Sie etwas tun, wie dies (nicht der sauberste code, aber Sie bekommen die Idee)

    using System;
using System.Web.UI;

namespace StackOverFlow_2
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                double punctX = 10;
                double punctY = 10;

                double spacing = 5;

                pnlImages.Style["position"] = "relative";

                for (int y = 0; y < 3; y++)
                {
                    System.Web.UI.WebControls.Image image = new System.Web.UI.WebControls.Image();
                    image.ID = "culoare" + y.ToString();
                    image.Style["position"] = "absolute";
                    image.Style["left"] = punctX.ToString() + "px";
                    image.Style["top"] = punctY.ToString() + "px";
                    image.Width = 100;
                    image.Height = 60;
                    image.ImageUrl = "~/Images/" + image.ID.ToString() + ".jpg";

                    pnlImages.Controls.Add(image);                    

                    punctX += image.Width.Value + spacing;

                }
            }
        }
    }
}

    Gerenderte Ausgabe sieht so aus (deine Bilder sind platziert 5px abgesehen)

    Platzieren von Bildern über ein Programm auf Seite ASP.net Web-Anwendung c#

    InformationsquelleAutor Prashanth Thurairatnam

  2. 0

    Müssen Sie fügen Sie Sie zu Ihrer Seite Steuern Sammlung wie diese

    page.Controls.Add(yourImage)
    und dann? wie kann ich Sie bei gegebenem X-und Y-Position?
    Warum tun Sie möchten geben Sie X,Y ?
    weil ich will, dass Sie an der gewünschten Stelle, und mit etwas Platz zwischen Ihnen
    ist das möglich? zu tun, programmatisch?
    Mein Rat wäre für Sie, um Bilder Hinzuzufügen, die in einem Panel und geben die Margen über die Eigenschaft CssClass

    InformationsquelleAutor HatSoft

  3. 0
        //The image data is from database.
    System.Web.UI.WebControls.Image img = new System.Web.UI.WebControls.Image();
    img.ID = row["id"].ToString();
    img.AlternateText = row["id"].ToString();
    img.ImageUrl = "~/myimage.png";
    img.Style["position"] = "relative";              //here must be "relative"
    img.Style["left"] = row["posX"].ToString() + "px";
    img.Style["top"] = row["posY"].ToString() + "px";

    InformationsquelleAutor user1994891

Schreibe einen Kommentar