Číst v angličtině

Sdílet prostřednictvím


Design the work item form

Při návrhu formuláře pracovních položek, kterou chcete umístěte pole ve formuláři tak, aby podporují dat položka a pracovní postupy, které bude následovat členy týmu. Chcete-li přidat několika pole do existujícího formuláře, je třeba určit, kam chcete přidat do formuláře. Chcete-li přidat několik polí pro podporu nové kolekce dat můžete sledovat, můžete přidat novou kartu pouze u těchto polí. Minimalizovat potřeba posunout formuláře, můžete seskupovat do několika sloupců v horní části formuláře nebo na kartě pole.

Chcete-li přidat nový typ pracovní položky, můžete zkopírovat existující typ a upravit tak, aby zobrazení polí a proces pracovního postupu, které podporují nového typu.

Při návrhu rozložení, zvažte následující tipy k získání nejlepších výsledků:

  • Často umístěte pole v horní části formuláře, který musí odkazovat na členy týmu nebo aktualizace.

  • Umístit pole na kartu, která musí být uvedena pouze několik členy týmu nebo aktualizace zřídka. Například ovládací prvky, které propojení pracovní položky nebo připojit soubory jsou obvykle umístěny na samostatné karty.

  • Seskupit pole do sloupců maximalizovat zobrazení datová pole. V horní ve tvaru nebo na kartě můžete použít sloupce. Můžete také zobrazit karty ve formátu více sloupců.

  • Jeden nebo více ovládacích prvků odkaz na samostatných záložkách nebo na stejné kartě můžete omezit pomocí typy odkazů, které lze vytvořit mezi pole typy pracovních položek.

Informace o tom, jak exportovat, importovat a ověřit pracovní položka formuláře změny naleznete v tématuZměna rozložení formuláře pracovní položky.

V tomto tématu

  • Rozdělit formulář do oblasti

  • Práce s karty

  • Skupina polí

  • Velikost sloupce

  • Použít rozdělování pro podporu šířka proměnné sloupců

  • Ovládací prvek velikost formuláře a prvků formuláře

  • Zadejte různých rozložení pro různé cíle

Rozdělit formulář do oblasti

Rozložit elementy slouží k segmentu formulář své pracovní položky do různých oblastí seskupení souvisejících polí a přidělování místa ve formuláři podle požadavků vstupní data. Následující tabulka popisuje elementy, které se používají k formuláři rozdělit do různých oblastí.

Element

Popis

FORM

ObsahujeLayoutelementy, které určují zobrazení pole a ovládací prvky pro typ pracovní položky.

Layout

Obsahuje všechny prvky, které určují zobrazení pole a ovládací prvky pro konkrétní cíl. Můžete zadat různých rozložení pro různé cíle, jako je napříkladVisual StudioneboTeam Web Access. Podřízené prvky, které můžete určit vLayoutobsahovat elementControlGroupTabGroupaSplitterelementů.

Group

Ve formuláři clustery podřízených elementů. Skupina vizuálně oddělených ohraničení a volitelný popis. Skupiny, které jsou definovány v sousedících poloze v zásobníku XML jsou rozděleny svisle ve formuláři zobrazen. Můžete zadatColumnjako podřízený elementGroupelementu.

Column

Zachová všechny podřízené prvky ve svislém sloupci nebo rozdělí formuláře svisle. Sloupce musí být uvedena vGroup. Groupelementy vColumnelementy lze použít k vytvoření vnořených oblastí. Ve výchozím nastavení sloupce rozdělitGrouprovnoměrně. Můžete zadat volitelný procento atribut šířka přidělit více místa na jeden nebo více sloupců.

Podřízené prvky, které můžete určit vColumnobsahovat elementControlGroupTabGroupaSplitterelementů.

Splitter

Umožňuje uživatelům změnit šířku, kterou je rozdělit na dva sloupce ve formuláři.

Tab

Přidá různé karty do formuláře jako pro podporu zobrazení další pole a ovládací prvky. Podřízené prvky, které můžete určit vTabobsahovat elementControlGroupTabGroupaSplitterelementů.

TabGroup

Obsahuje skupinuTABelementy. Obecně platí přidávat záložky ke skupině jednu kartu. Však může skládat dvě nebo více skupin kartu svisle ve formuláři.

Následující obrázek ukazuje formuláře, jejíž horní části zobrazuje osm pole, které jsou uspořádány přibližně do dvou sloupců. V dolní části zobrazí dvou sad ze tří karet, které jsou uspořádány v rozložení dvou sloupců.

Vlastní formuláře se třemi kartami v rozložení se dvěma sloupci

Custom work item form

Horní části formuláře

Následující kód definuje horní části formuláře. Podle potřeby lze zavádět sloupce. Jak je znázorněno v tomto příkladu, první sloupec, který je nastavena na 70 procent šířky formuláře, obsahuje dvě skupiny polí. Druhá skupina polí, která obsahujePU (použít oblasti cestu)aPrioritypole, je definována v rozložení dvou sloupců. Druhý sloupec pokrývá zbývající šířku 30 procent formuláře. Při změně velikosti formuláře v oblastech, které jsou přiděleny na sloupce proporcionálně liší.

<FORM>
      <Layout>
        <Group>
          <Column PercentWidth="70">
            <Group>
              <Column PercentWidth="100">
                <Control FieldName="System.Title" Type="FieldControl" Label="Title" LabelPosition="Left" />
                <Control FieldName="System.AreaPath" Type="WorkItemClassificationControl" Label="Area Path" LabelPosition="Left" />
                <Control FieldName="System.IterationPath" Type="WorkItemClassificationControl" Label="&amp;Iteration Path:" LabelPosition="Left" />
                <Group>
                  <Column PercentWidth="50">
                    <Control FieldName="Microsoft.VSTS.Common.ProductUnit" Type="FieldControl" Label="PU (Use Area Path)" LabelPosition="Left" />
                  </Column>
                  <Column PercentWidth="50">
                    <Control FieldName="Microsoft.VSTS.Common.Priority" Type="FieldControl" Label="Priority" LabelPosition="Left" />
                  </Column>
                </Group>
              </Column>
            </Group>
          </Column>
          <Column PercentWidth="30">
            <Group Label="Status">
              <Column PercentWidth="100">
                <Control FieldName="System.Id" Type="FieldControl" Label="Id" LabelPosition="Left" />
                <Control FieldName="System.State" Type="FieldControl" Label="State" LabelPosition="Left" />
                <Control FieldName="System.AssignedTo" Type="FieldControl" Label="Assigned To" LabelPosition="Left" />
              </Column>
            </Group>
          </Column>
        </Group>
        <Group Label="">
          <Column PercentWidth="60">
. . .
</Layout>
</FORM>

Práce s karty

Můžete pomocí karet clusteru skupinu polí nebo podporovat jeden nebo více speciální ovládací prvky, jako například ovládací prvky, které jsou propojeny pracovní položky, historii pracovních položek na odkaz nebo připojit soubory. Několik definice typů pracovní položky pro šablony procesů Microsoft Solutions Framework (MSF) pomocí několik záložek můžete řídit typy odkazů, které mohou být vytvořeny, v závislosti na typu odkaz. Další informace naleznete v tématuTypy pracovních položek a pracovní postup šablony procesu AgileneboTypy pracovních položek a pracovní postup šablony procesu CMMI.

Další informace o tom, jak používat speciální ovládací prvky naleznete v následujících tématech:

Pomocí atributů, které jsou popsány v následující tabulce můžete popisek karty a zadejte odsazení a okraje, které řídí počet pixelů uvnitř a vně ohraničení ovládacího prvku karta.

Atribut

Popis

Label

Požadováno. Text, který určuje název stránce karty.

Margin

Volitelné. Určuje velikost místa kolem na kartě v pixelech.

Padding

Volitelné. Určuje velikost místa kolem ohraničení a vnější na kartě v pixelech.

Šest karet uspořádané podle rozložení v vedle sebe

Custom form showing two groups of 6 tabs

Následující kód uvádí syntaxi, která se používá k vytvoření rozložení, které je uvedeno v předchozím příkladu.

<FORM>
      <Layout>
        . . . 
            <TabGroup>
              <Tab Label="Planning">
                <Group Label="Status" Padding="(0,0,0,3)">
                  <Column PercentWidth="50">
                    <Control FieldName="Microsoft.DevDiv.Importance" Type="FieldControl" Label="Importance" LabelPosition="Left" />
                    <Control FieldName="Microsoft.DevDiv.Commitment" Type="FieldControl" Label="Commitment / Confidence" LabelPosition="Left" />
                    . . .
                  </Column>
                  <Column PercentWidth="50" />
                </Group>
                <Group>
                  <Column PercentWidth="100">
                    <Control FieldName="Microsoft.DevDiv.Story" Type="HtmlFieldControl" Label="Story Board" LabelPosition="Top" />
                  </Column>
                </Group>
                <Group>
                  <Column PercentWidth="100">
                    <Control FieldName="System.Description" Type="HtmlFieldControl" Label="Value Proposition Description" LabelPosition="Top" />
                  </Column>
                </Group>
              </Tab>
              <Tab Label="Marketing">
                <Group>
                  <Column PercentWidth="100">
                    <Control FieldName="Microsoft.DevDiv.MarketingOwner" Type="FieldControl" Label="Marketing Owner" LabelPosition="Top" />
                    <Control FieldName="Microsoft.DevDiv.MarketingDescription" Type="HtmlFieldControl" Label="Marketing Description" LabelPosition="Top" />
                  </Column>
                </Group>
              </Tab>
              <Tab Label="Relationships">
                <Control Type="LinksControl" Label="Pillars" LabelPosition="Top" Name="Pillars">
                  . . . 
                </Control>
                <Control Type="LinksControl" Label="Experiences - Feature Groups" LabelPosition="Top" Name="Experiences">
                  . . . 
                </Control>
                <Control Type="LinksControl" Label="Flags / Associations" LabelPosition="Top" Name="Flags">
                  . . . 
                </Control>
              </Tab>
            </TabGroup>
          </Column>
          <Column PercentWidth="40">
            <TabGroup>
              <Tab Label="History">
                <Control FieldName="System.History" Type="WorkItemLogControl" Label="Detailed Description and History" LabelPosition="Top" />
              </Tab>
              <Tab Label="Links">
                <Control Type="LinksControl" LabelPosition="Top" >
                  . . . 
                </Control>
              </Tab>
              <Tab Label="File Attachments">
                <Control Type="AttachmentsControl" LabelPosition="Top" />
              </Tab>
            </TabGroup>
          </Column>
        </Group>
      </Layout>
</FORM>

Skupina polí

Můžete použítGroupelementu, který chcete vizuálně seskupit elementy, podobně jako skupinový rámeček systému Windows. Pomocí atributů, které jsou popsány v následující tabulce můžete označit každou skupinu a určit odsazení a okraje, které řídí počet pixelů uvnitř a vně ohraničení oblasti skupiny. GroupElementu by měl vždy následovatColumnelementu, i když skupinu obsahuje pouze jeden sloupec.

Měli byste použítGroupelement jako kontejner pro pole ve sloupci a jako kontejner pro sloupce v rozdělených oblasti ve formuláři. Můžete zadatColumnelement pouze jako podřízený element vGroupelementu.

Můžete ovládat mezery a velikost celkové rozložení formuláře tak, že určíte atributy, které jsou popsány v následující tabulce.

Atribut

Popis

Label

Volitelné. Text, který určuje název skupiny.

Margin

Volitelné. Určuje velikost místa kolem skupiny a mezi ovládacího prvku a jeho okolí v pixelech. Velikost místa na obou stranách může lišit.

Padding

Volitelné. Určuje velikost místa kolem vnějšího okraje skupiny v pixelech. Velikost místa na obou stranách může lišit.

Skupina polí seřazena na kartě

Group of several fields

Následující kód uvádí syntaxi, která se používá k vytvoření skupiny polí, která je uveden v předchozím příkladu. Další informace o tom, jak určit pole s použitímControlelementu, naleznete v částiControl the display of work item fields.

<TabGroup>
<Tab Label="Planning">
<Group Label="Status" Padding="(0,0,0,3)">
   <Column PercentWidth="5100">
      <Control FieldName="Microsoft.DevDiv.Importance" Type="FieldControl" Label="Importance" LabelPosition="Left" />
      <Control FieldName="Microsoft.DevDiv.Commitment" Type="FieldControl" Label="Commitment / Confidence" LabelPosition="Left" />
      <Control FieldName="Microsoft.DevDiv.VisionDoc" Type="FieldControl" Label="Vision Doc" LabelPosition="Left" />
      <Control FieldName="Microsoft.DeveloperDivision.Features.EstimatedCost" Type="FieldControl" Label="Estimated Cost" LabelPosition="Left" />
      <Control FieldName="Microsoft.DevDiv.BusinessUnit" Type="FieldControl" Label="BU (Use Area Path)" LabelPosition="Left" />
      <Control FieldName="Microsoft.DevDiv.Website" Type="FieldControl" Label="Website" LabelPosition="Left" />
   </Column>
</Group>
   . . .
</Tab>
</TabGroup>

Velikost sloupce

Můžete navrhnout oblast ve formuláři, který má dvě nebo více sloupců. Šířka sloupce můžete zadat jako pevné nebo jako procentní podíl k šířce nadřazeného elementu s použitímFixedWidthneboPercentWidthatributy v uvedeném pořadí. Tyto dvěColumnatributy se vzájemně vylučují. Chcete-li povolit uživateli měnit velikost sloupce, můžete zadatSplitterovládací prvek, jakok podpoře šířka proměnné sloupců použít rozdělovánípopisuje.

Rozložení do tří sloupců

3-Column Display

Následující kód vytvořen předchozí rozložení třemi sloupci polí. Pokud je skupiny polí uspořádat do sloupců, použijteGroupelement tak, aby obsahovala každý sloupec polí. V případě potřeby můžete popisek skupiny polí.

<FORM>
   <Layout>
      <Group>
          <Column PercentWidth="36">
            <Group>
            <Control FieldName="System.Title" Type="FieldControl" Label="Title" LabelPosition="Left" />
            <Control FieldName="System.AreaPath" Type="WorkItemClassificationControl" Label="Area" LabelPosition="Left" />
            <Control FieldName="Microsoft.VSTS.Common.ProductUnit" Type="FieldControl" Label="Product Unit" LabelPosition="Left" />
            <Control FieldName="Microsoft.DevDiv.BusinessUnit" Type="FieldControl" Label="Business Unit" LabelPosition="Left" />
            </Group>
          </Column>
          <Column PercentWidth="33">
            <Group>
            <Control FieldName="Microsoft.DevDiv.SubTitle" Type="FieldControl" Label="Sub Title" LabelPosition="Left" />
            <Control FieldName="System.IterationPath" Type="WorkItemClassificationControl" Label="Iteration" LabelPosition="Left" />
            <Control FieldName="Microsoft.DevDiv.Other" Type="FieldControl" Label="Other" LabelPosition="Left" />
            </Group>
          </Column>
          <Column PercentWidth="31">
            <Group>
            <Control FieldName="Microsoft.DevDiv.Type" Type="FieldControl" Label="Type" LabelPosition="Left" />
            <Control FieldName="System.AssignedTo" Type="FieldControl" Label="Assigned To" LabelPosition="Left" />
            <Control FieldName="System.State" Type="FieldControl" Label="State" LabelPosition="Left" />
            </Group>
          </Column>
      </Group>
. . .
   </Layout>
</FORM>

Použít rozdělování pro podporu šířka proměnné sloupců

Můžete použítSplitterprvku, když chcete povolit prohlížeč formuláře na dynamicky velikost sloupců. Rozdělování se zobrazí jako tečkovaná čára ve formuláři, jak je znázorněno na následujícím obrázku. Nelze určit žádné podřízené prvky vSplitterelementu.

Rozložení sloupce 2 s rozdělování

2 Column Layout with Splitter

ObjektGroupelement, který obsahujeSplitteraColumnelementů musí určovat přesně třiColumnprvky v uvedeném pořadí:

  1. Columnnalevo od rozdělování

  2. Columnkterý obsahuje pouzeSplitterelementu

  3. Columnk pravému okraji rozdělování

Podívejte se na téma v následujícím příkladu Další informace.

<Group>
   <Column PercentWidth="50">
      <Group Label="First Group Left ">
         <Column PercentWidth="50">
            <Control FieldName="Microsoft.VSTS.Common.Priority" Type="FieldControl" Name="Pri2" Label="Priority:" />
            <Control FieldName="Microsoft.VSTS.Common.Rank" Type="FieldControl" Label="Stack Rank:" />
            <Control FieldName="Microsoft.VSTS.Scheduling.BaselineWork" Type="FieldControl" Label="Original Estimate:" />
            <Control FieldName="Microsoft.VSTS.Scheduling.RemainingWork" Type="FieldControl" Label="Remaining:" />
   </Column>
   <Column>
      <Splitter>
   </Column>
   <Column PercentWidth="50">
      <Group Label="Second Group Right">
            <Control Type="DateTimeControl" FieldName="ABC_Company.Project.Manual.ChangeDate" Label="Change Date" Format="Short" LabelPosition="Right" />
            <Control Type="DateTimeControl" FieldName="ABC_Company.Project.Manual.EstimateStartDate" Label="Estimated Start Date" Format="Short" LabelPosition="Right" />
            <Control Type="DateTimeControl" FieldName="ABC_Company.Project.Manual.ActualStartDate" Label="Actual Start Date" Format="Short" LabelPosition="Right" />
            <Control Type="DateTimeControl" FieldName="ABC_Company.Project.Manual.FinishDate" Label="Finish Date" Format="Short" LabelPosition="Right" />
      </Group>
   </Column>
</Group>

Ovládací prvek velikost formuláře a prvků formuláře

Pomocí můžete zadat minimální velikost vodorovného a svislého každé rozložení formulářeMinimumSizeatribut pro rozložení. Formulář je však velikost podle kombinované dimenze při kombinované vodorovného a svislého velikostí ovládacích prvků pole a rozložení, které jsou definovány pro každý formulář jsou větší než zadaný minimální rozměry. Kromě toho svislé velikost všech záložek odpovídá dimenzi, která je třeba upravit velikost na kartu s maximální svislé rozložení. Poslední ovládací prvek pole na každé kartě může velikost vzhledem k vyplnění rozměr ve svislém směru.

Pokud je menší než minimální velikost vodorovně nebo svisle formuláře kontejneru, který zobrazuje rozložení formuláře se zobrazí posuvníky. V takovém případě dvojité scroll problému může dojít. S dvojité scroll uživatelé mohou mít posun samotný formulář a ovládací prvek pole se najít informace, které chtějí. Dvojité scroll problému se vyhnete můžete umístit ovládací prvky pole, které jsou v souladu s možností posouvání, jako je například pole HTML a historie, na své vlastní na kartě.

ms194952.collapse_all(cs-cz,VS.140).gifOvládací prvek velikost rozložení

Můžete ovládat mezery a velikost celkové rozložení formuláře tak, že určíte atributy, které jsou popsány v následující tabulce.

Atribut

Popis

Příklad hodnoty vzor

MinimumSize

Volitelné. Řetězec ve formě (Šířkavýšku). Tato hodnota určuje minimální velikost samotný formulář. Pokud je menší než velikost tohoto kontejneru, který zobrazí rozložení formuláře, zobrazí se vodorovný a svislý posuvník. Jestliže je větší, než je nastaven kombinované velikosti ovládacích prvků pole ve formuláři rozloženíMinimumSizeatribut atribut je ignorován.

(100,100)

Margin

Volitelné. Řetězec ve formě(vlevo, Top, doprava, dolů)určující, v pixelech velikost místa kolem rozložení. Velikost místa na obou stranách může lišit.

(2,0,2,0)

Padding

Volitelné. Řetězec ve formě ((vlevo, Top, doprava, dolů)určující, v pixelech velikost místa mezi vnějšího okraje rozložení a uvnitř ohraničení. Velikost místa na obou stranách může lišit.

(2,0,2,0)

ControlSpacing

Volitelné. Určuje svislé mezery mezi ovládacími prvky ve formuláři. Celé číslo.

N/A

ms194952.collapse_all(cs-cz,VS.140).gifOvládací prvek velikost elementů formuláře

Můžete použítControlelementMinimumSizeurčit minimální šířku a výšku, který by měl zabírají každý prvek formuláře. Pokud nemáte dostatečná svislé mezery, zobrazí se posuvník pro zachování jeho minimální velikost. Bez tohoto atributu se vykresluje ovládací prvky s použitím jejich výchozí velikosti, není-li ovládací prvky v jiných kartách provést více místa, která se zvyšuje velikost tabulátoru. Ostatní atributy, můžete použít jakoMarginaPaddingna Zarovnat nebo do ovládacího prvku a definovat velikost ohraničení ovládacího prvku. Další informace naleznete v následujících tématech:

Zadejte různých rozložení pro různé cíle

Můžete zadat s použitím různých rozložení pro různé cíleLayoutelementTargetatributu. Na cílVisual StudioneboTeam Explorer EverywherezadáteWinFormsa cíliTeam Web Accessmůžete zadatWeb.

<FORM>
   <Layout Target="WinForms" >
      . . . 
   </Layout>
   <Layout Target="Web" >
      . . . 
   </Layout >
</FORM>

Viz také

Úkoly

Změna rozložení formuláře pracovní položky