Sdílet prostřednictvím

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

  • Článek

Při návrhuformulářpracovní položka, kterou chcete umístit pole formulář , aby podporují data položka a pracovní postup postupy, které budou následovat členy týmu. Pokud přidáváte jen několik polí do existujícího formulář, musíte určit místo, kam chcete přidat formulář.Pokud přidáváte několik polí pro podporu nové kolekce dat, sledování, můžete přidat novou kartu pouze pro tato pole.minimalizovat nutnost posouvání formulářmůžete do několika sloupců v horní části formulář nebo na kartě skupina polí.

Pokud přidáváte nové položka typu práce, můžete kopírovat existující typ a zobrazení polí a pracovní postup proces podporují nový typ změnit.

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

  • Místo polí v horní části formulář , které členové týmu musí často odkazovat se nebo aktualizace .

  • Místo polí na kartě, že několik členů týmu musí zřídka odkazovat se nebo aktualizace .Ovládací prvky, které propojení pracovních položek nebo připojit soubory jsou obvykle umístěny v samostatných záložkách.

  • Skupina polí do sloupce maximalizovat zobrazení datových polí.Můžete ve formulář nebo na kartě sloupce.Můžete také zobrazit karty ve vícesloupcovém formátu.

  • Použijte jeden nebo více ovládacích prvků odkaz na jednotlivých kartách nebo ke kartě omezil typy odkazů, které lze vytvořit mezi pracovní položka typy polí.

Informace o tom, jak exportovat, importovata ověřit změnyformulář položkapráce, viz Změna rozložení formuláře pracovní položky.

V tomto tématu

  • Segmentace formuláře do oblastí

  • Práci s kartami

  • Seskupení polí

  • Pro změnu velikosti sloupců

  • Pomocí rozdělovač do sloupce proměnné velikosti podpory

  • Řízení velikosti formuláře a prvky formuláře

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

Segmentace formuláře do oblastí

Segment pracovní položka formulář do různých oblastí seskupení souvisejících polí a přidělení místa na formulář podle požadavků na položka dat pomocí rozložení prvků.Následující tabulka popisuje prvky, které lze rozdělit do různých oblastí formulář .

Element

Description

FORM

Obsahuje Layout prvky, které určují zobrazení polí a ovládacích prvků pro položka typu práce.

Layout

Obsahuje všechny prvky, které určují zobrazení polí a ovládacích prvků pro specifické cílová databáze.Můžete zadat různá rozložení pro různé cíle, například Visual Studio nebo Team Web Access.Podřízené prvky, které lze zadat v Layout obsahovat element Control, Group, TabGroup, a Splitter prvky.

Group

Clustery podřízený prvky formulář.skupina vizuálně oddělených ohraničení a volitelný jmenovka.Skupiny, které jsou definovány v sousední polohy v balíku jazyk XML jsou zobrazený formulářrozdělit svisle.Můžete zadat Column jako podřízený prvek Group prvku.

Column

Sleduje všechny podřízený prvky ve svislém sloupci nebo rozdělí formulář svisle.Sloupce musí být v Group.Groupprvky v Column prvky lze použít k vytvořit vnořených oblastí.Výchozí sloupce rozdělit Group rovnoměrně.Můžete určit šířku procento volitelný atribut přidělit více místa pro jeden nebo více sloupců.

Podřízené prvky, které lze zadat v Column obsahovat element Control, Group, TabGroup, a Splitter prvky.

Splitter

Umožňuje uživatelům změnit velikost šířku přidělené dva sloupce ve formulář.

Tab

Přidá podporu zobrazení dalších polí a ovládacích prvků formulář různé karty.Podřízené prvky, které lze zadat v Tab obsahovat element Control, Group, TabGroup, a Splitter prvky.

TabGroup

Obsahuje skupina TAB prvky.Obecně jednu kartu skupinapřidávat záložky.Nelze však zásobník dvou nebo více skupin kartu vertikálně ve formulář.

Následující obrázek znázorňuje formulář , jehož horní oblast zobrazuje osm polí, které jsou uspořádány zhruba do dvou sloupců.V dolní části se zobrazí dvě sady tří karet, které jsou uspořádány v rozložení se dvěma sloupci.

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

Formulář vlastní pracovní položky

Horní části formuláře

Následující kód definuje horní části formulář.Podle potřeby lze zavádět sloupce.Jak ukazuje tento příklad, první sloupec, který je nastavena na 70 procent šířky formulář, obsahuje dvě skupiny polí.Druhá skupina polí, která obsahuje PU (cesta oblasti použití) a Priority pole, je definována v rozložení se dvěma sloupci.Druhý sloupec přesahuje zbývající šířku 30 procent formulář.Změně velikosti formulář v oblastech, které jsou přiděleny sloupců proporcionálně měnit.

<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>

Zpět na začátek

Práci s kartami

skupina polí clusteru nebo podporovat jeden nebo více zvláštní prvky, například ovládací prvky, které propojení pracovní položky, položkapráce odkazhistorienebo připojit soubory, pomocí karet. Několik definic typů položka práce pro šablony Microsoft Solutions rozhraní .NET Framework (MSF) proces řídit typy odkazů, které lze vytvořit, v závislosti na typu spojení pomocí několika karet.Další informace naleznete v tématech Pracovní položky a pracovního postupu (agilní) a Pracovní položky a pracovního postupu (CMMI).

Další informace o použití speciálních prvků naleznete v následujících tématech:

Pomocí atributů, které jsou popsány v následující tabulce můžete na kartě jmenovka a zadejte odsazení a okrajů, které určují počet obrazových bodů uvnitř a vně ohraničení ovládacího prvku karta.

Atribut

Description

Label

Povinné.Text, který určuje název karta.

Margin

Nepovinné.Určuje velikost mezery kolem na kartě v pixelech.

Padding

Nepovinné.Určuje velikost mezery kolem vnější a vnitřní ohraničení na kartě v pixelech.

Šest karet, které jsou uspořádány podle rozložení vedle sebe

Vlastní formulář, který zobrazuje dvě skupiny 6 karet

Následující kód uvádí syntaxi, která je použita k vytvořit rozložení, které je znázorněno na předchozím obrázku.

<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" Dock="Fill" />
              </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>

Zpět na začátek

Seskupení polí

Použití Group prvek vizuálně skupina prvků, podobné skupině systému Windows.Pomocí atributů, které jsou popsány v následující tabulce můžete každé skupina jmenovka a zadejte odsazení a okrajů, které určují počet obrazových bodů uvnitř a vně ohraničení skupinaoblast. Group Prvek by měl být následován Column prvku, i když skupina obsahuje pouze jeden sloupec.

Pokud použijete Group prvku jako kontejner pro pole ve sloupci a jako kontejner pro sloupce v segmentované oblast formulář.Můžete zadat Column prvku pouze jako podřízený prvek v Group prvku.

Mezery a velikost celkové rozložení formulář můžete řídit určením atributy, které jsou popsány v následující tabulce.

Atribut

Description

Label

Nepovinné.Text, který určuje název skupina.

Margin

Nepovinné.Určuje velikost mezery kolem skupina a mezi ovládacího prvku a jeho okolí v pixelech.Můžete měnit velikost místa na každé straně.

Padding

Nepovinné.Určuje velikost mezery kolem vnějšího okraje skupinav pixelech.Můžete měnit velikost místa na každé straně.

Skupina polí na záložce uspořádány

Skupina několika polí

Následující kód uvádí syntaxi, která je použita k vytvořit skupina polí, je znázorněno na předchozím obrázku.Další informace o tom, jak určit pomocí polí Control prvek, viz Ří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>

Zpět na začátek

Práce se sloupci

Můžete navrhnout oblast ve formulář , který má dva nebo více sloupců.Šířku sloupce můžete zadat jako pevná nebo jako procenta šířky obsahující prvek pomocí FixedWidth nebo PercentWidth resp. atributy.Tyto dvě Column atributy, které se vzájemně vylučují.Chcete-li umožnit uživatel změnit velikost sloupce, určete Splitter řízení, jako rozdělovač na podporu proměnné velikosti sloupce pomocí popisuje.

Rozložení se třemi sloupci

Zobrazení sloupce 3

Následující kód vyrobené předchozí tři sloupce rozložení polí.Při uspořádávání skupiny polí do sloupce, použít Group prvek obsahovat každý sloupec pole.Volitelně můžete jmenovka skupin 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>

Pomocí rozdělovač do sloupce proměnné velikosti podpory

Použití Splitter prvku, když chcete povolit prohlížeč formulář dynamicky změnit velikost sloupců.Jak ukazuje následující obrázek, zobrazí se jako tečkované čára ve formulářpříčky.Nelze zadat libovolné podřízený prvky Splitter prvku.

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

2 Sloupce rozložení s rozdělováním

A Group prvek, který obsahuje Splitter a Column prvky je nutné zadat přesně tři Column prvků v následujícím sekvence:

  1. Column vlevo příčky

  2. Column , který obsahuje pouze Splitter element

  3. Column pravé příčky

Viz následující příklad 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>

Zpět na začátek

Řízení velikosti formuláře a prvky formuláře

Můžete zadat minimální velikost vodorovné a svislé rozložení každý formulář , MinimumSize atribut rozložení. formulář je však při kombinované vodorovné a svislé velikosti ovládacích prvků pole a rozložení, které jsou definovány pro každý formulář jsou větší než zadané rozměry minimální velikost kombinované rozměry.Svislá velikost všech karet navíc vyhovuje dimenzi, která je pro kartu svislé rozložení maximální velikost.Poslední ovládací prvek pole na každé kartě je může vyplnit svislý rozměr velikost odpovídajícím způsobem.

Pokud kontejner, který zobrazuje rozložení formulář je menší než minimální velikost vodorovné nebo svislé formulář, zobrazí se posuvníky.V takovém případě může dojít k dvojité posuvníku problém.S dvojitou přejít uživatelé mohou mít posun formulář samotný a ovládací prvek pole najít informace, které potřebují.Dvojité posuvníku problému předejít, můžete umístit ovládací prvky pole , které jsou předmětem posouvání jako jazyk HTML a historie polí na kartě Vlastní.

Zpět na začátek

ms194952.collapse_all(cs-cz,VS.110).gifNastavení velikosti rozložení

Mezery a velikost celkové rozložení formulář můžete řídit určením atributy, které jsou popsány v následující tabulce.

Atribut

Description

Příklad hodnoty vzorek

MinimumSize

Nepovinné.Řetězec formulář (šířky, Výška).Tato hodnota určuje minimální velikost formulář samotného.Když je menší než velikost kontejneru, který zobrazuje rozložení formulář , vodorovné a svislé posuvníky.Při kombinované pole ovládacích prvků rozložení formulář je větší než stanovené MinimumSize atribut, atribut je ignorován.

(100,100)

Margin

Nepovinné.Řetězec formulář(vlevo, nahoru, doprava, dolů) , určuje v pixelech množství místa kolem rozložení. Můžete měnit velikost místa na každé straně.

(2,0,2,0)

Padding

Nepovinné.Řetězec formulář ((vlevo, nahoru, doprava, dolů) , určuje v pixelech, velikost místa mezi vnějším okrajem rozložení a vnitřní ohraničení.Můžete měnit velikost místa na každé straně.

(2,0,2,0)

ControlSpacing

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

Není k dispozici

Zpět na začátek

ms194952.collapse_all(cs-cz,VS.110).gifNastavení velikosti prvků formuláře

Použití Control prvku MinimumSize atribut určit minimální šířku a výšku, která by měly zaujímat každý prvek formulář . Pokud nemáte dostatek místa na svislý, zobrazí se jeho minimální velikost posuvník.Bez tohoto atributjsou ovládací prvky nakreslené pomocí jejich výchozí velikosti, pokud není ovládací prvky v jiných kartách přijmout více místa, který zvětší velikost na kartě.Můžete použít jiné atributy, například Dock, Margin, a Padding, zarovnat nebo roztáhnout na ovládací prvek a definovat velikost ohraničení kolem ovládacího prvku.Další informace naleznete v následujících tématech:

Zpět na začátek

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

Můžete určit pomocí různých rozložení pro různé cíle Layout element Target atribut. To cílová databáze Visual Studio or Team Explorer Everywhere, you specify WinForms, and to cílová databáze Team Web Access, you specify Web.

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

Zpět na začátek

Viz také

Úkoly

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

Koncepty

Návrh a přizpůsobení formuláře pracovní položky

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

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

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

Další zdroje

Poskytnutí textu nápovědy, dohledu nad procesem, webového obsahu a odkazů na webové stránky ve formuláři pracovní položky