Návrh formuláře pracovní položky

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 seskupit pole do několika sloupců v horní části formuláře nebo na kartě.

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ématu Změ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í.

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

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á obsahuje PU (použít oblasti cestu) a Priority pole, 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ématech Typy pracovních položek a pracovní postup šablony procesu Agile a Typy 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:

• Poskytnutí textu nápovědy, hypertextových odkazů nebo webového obsahu ve formuláři pracovní položky

• Přidání ovládacího prvku příloh

• Definice řízení propojení s cílem omezit vztahy určené propojeními

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.

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

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žít Group elementu, 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.Group Element by měl vždy následovat Column elementu, i když skupinu obsahuje pouze jeden sloupec.

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

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.

Skupina polí seřazena na kartě

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ím Control elementu, naleznete v části Řízení zobrazení polí pracovních položek.

<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ím FixedWidth nebo PercentWidth atributy v uvedeném pořadí.Tyto dvě Column atributy se vzájemně vylučují.Chcete-li povolit uživateli měnit velikost sloupce, můžete zadat Splitter ovládací prvek, jako k podpoře šířka proměnné sloupců použít rozdělování popisuje.

Rozložení do tří sloupců

Následující kód vytvořen předchozí rozložení třemi sloupci polí.Pokud je skupiny polí uspořádat do sloupců, použijte Group element 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žít Splitter prvku, 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 v Splitter elementu.

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

Objekt Group element, který obsahuje Splitter a Column elementy musí určovat přesně tři Column prvky v uvedeném pořadí:

1. Column k levému okraji rozdělování

2. Column , který obsahuje pouze Splitter element

3. Column k 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áře MinimumSize atribut 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ě.

Ovlá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.

Ovládací prvek velikost elementů formuláře

Můžete použít Control element MinimumSize urč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 jako Margin a Paddingna 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:

• Řízení zobrazení polí pracovních položek

• Poskytnutí textu nápovědy, hypertextových odkazů nebo webového obsahu ve formuláři pracovní položky

• Přidání ovládacího prvku příloh

• Definice řízení propojení s cílem omezit vztahy určené propojeními

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íle Layout element Target atributu.Na cíl Visual Studio nebo Team Explorer Everywhere, určíte WinFormsa cíli Team Web Access, určíte Web.

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

Viz také

Úkoly

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