Projektowanie układu formularza elementu pracy

Podczas projektowaniaformularz element roboczychcesz rozmieścić pola formularz , tak, że obsługują one procesów danych wpis i przepływ pracy , które będzie stosowana przez członków zespołu. Jeśli kilka pól jest dodawane do istniejącego formularz, należy określić, gdzie chcesz dodać je w formularz.Jeśli dodajesz kilka pól do obsługi nowej kolekcji danych do śledzenia chcesz dodać nową kartę tylko dla tych pól.Aby minimalizować konieczność przewijania formularzmożna do kilku kolumn w górnej części formularz lub na karcie grupa pól.

Jeśli dodajesz nowy pracy typ elementu, można skopiować istniejący typ i zmodyfikować go, aby wyświetlić pola i przepływ pracy proces , który obsługuje nowy typ.

Podczas projektowania układu, należy wziąć pod uwagę następujące wskazówki, aby uzyskać najlepsze wyniki:

• Umieścić często pola w górnej części formularz , który musi odwoływać się do członków zespołu lub aktualizacja .

• Umieścić pola na karcie, która musi odwoływać się tylko kilku członków zespołu lub aktualizacja rzadko.Na przykład formanty, które łączenie elementów pracy lub dołączyć pliki zazwyczaj są rozmieszczone na oddzielnych kartach.

• Grupa pól do kolumny, aby maksymalizować wyświetlania pól danych.Można użyć kolumny w górnej części formularz lub na karcie.Tabulatory można także wyświetlić w formacie wielokolumnowym.

• Umożliwia łączenie formantów na oddzielnych kartach lub na tej samej karcie ograniczyć typy łączy, które można tworzyć między polami typu element roboczy .

Aby uzyskać informacje dotyczące eksportować, importowaćoraz zweryfikować zmianyformularz element roboczy, zobacz Zmian układu formularza elementu pracy.

W tym temacie

• Segmenty z formularza do obszarów

• Praca z kartami

• Grupowanie pól

• Zmiana rozmiaru kolumn

• Za pomocą rozdzielacza do zmiany rozmiaru kolumny zmiennej pomocy technicznej

• Kontrolowanie rozmiaru formularza i elementów formularza

• Określając różne układy dla różnych celów.

Segmenty z formularza do obszarów

Segment element roboczydo różnych obszarów grupowanie powiązanych pól i przydzielanie miejsca na formularz zgodnie z wymaganiami wpis danych za pomocą elementów układu. W poniższej tabeli opisano elementy, które są używane do segmentu formularz w różnych obszarach.

Poniższa ilustracja pokazuje formularz , których górnej obszar Wyświetla ośmiu pól, które są rozmieszczone w przybliżeniu w dwóch kolumnach.W dolnej części wyświetlane dwa zestawy trzy karty, które są rozmieszczone w układzie dwukolumnowym.

Niestandardowy formularz z trzema kartami w układ dwukolumnowy

U góry formularza

W poniższym kodzie zdefiniowano w górnej części formularz.Kolumny można wprowadzić, w razie potrzeby.Jak pokazano w poniższym przykładzie, pierwszej kolumny jest o rozmiarze 70 procent szerokości formularz, zawiera dwie grupy pól.Druga grupa pól, które zawiera PU (Użyj obszaru ścieżki) i priorytet pól, jest zdefiniowany w układzie dwukolumnowym.Druga kolumna obejmuje pozostałe 30 procent szerokości formularz.Jak rozmiar formularz ulegnie zmianie, obszary, które są przydzielane do kolumn, które różnią się proporcjonalnie.

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

Powrót do początku

Praca z kartami

Użyj karty, grupa pól klastrów lub obsługiwać jeden lub więcej specjalne formanty, takie jak formanty, które łączenie elementów pracy, Historia element roboczy łącze lub dołączyć pliki.Kilka definicji typów element roboczy dla szablonów proces Microsoft Solutions Framework (MSF) umożliwia kontrolowanie typów łączy, które mogą być tworzone na podstawie typu łącze kilka kart.Aby uzyskać więcej informacji, zobacz Elementy pracy i przepływu pracy (Agile) lub Elementy pracy i przepływu pracy (CMMI).

Aby uzyskać więcej informacji na temat specjalnym kontrolom zobacz następujące tematy:

• Dodawanie tekstów pomocy, sterowania procesami, zawartości WWW i łączy do stron WWW do formularza elementów pracy

• Dodawanie funkcji kontroli załączników

• Zmiana sterowania łączami w taki sposób, aby ograniczyć relacje pomiędzy nimi

Za pomocą atrybutów, które są opisane w poniższej tabeli, można karcie etykiety i określić wypełnienie i marginesy, które kontrolować liczbę pikseli wewnątrz i poza krawędź formantu karty.

Sześć kart rozmieszczone obok siebie według układu

Poniższy kod zawiera listę składni, który jest używany do utworzyć układu, podaną w poprzedniej ilustracji.

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

Powrót do początku

Grupowanie pól

Za pomocą Group element wizualnie grupa elementów, podobne do okno grupowe systemu Windows.Za pomocą atrybutów, które są opisane w poniższej tabeli, można etykieta każdej grupa i określić wypełnienie i marginesy, które kontrolować liczbę pikseli, wewnętrzne i zewnętrzne obramowanie grupa obszar.Group Element powinien zawsze następować Column element, nawet jeśli grupa ma tylko jedną kolumnę.

Należy korzystać z Group element jako kontener dla pól w kolumnie i jako kontener dla kolumn w obszar podzielonych na formularz.Można określić Column element tylko jako element element podrzędny w Group element.

Odstępy i rozmiar ogólny układ formularz można kontrolować poprzez określenie atrybutów, które są opisane w poniższej tabeli.

Grupa pól rozmieszczone na karcie

Poniższy kod zawiera listę składni, który jest używany do utworzyć grupa pól podaną w poprzedniej ilustracji.Aby uzyskać więcej informacji dotyczących sposobu określania pól za pomocą Control element, zobacz Kontrola wyświetlania pól elementów pracy.

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

Powrót do początku

Praca z kolumnami

Można zaprojektować obszar formularz , który ma dwie lub więcej kolumn.Można określić szerokość kolumny ustalone lub jako procent szerokości zawierające element przy użyciu FixedWidth lub PercentWidth atrybuty, odpowiednio.Te dwa Column atrybuty są wzajemnie się wykluczają.Aby zezwolić na użytkownik , aby zmienić rozmiar kolumny, można określić Splitter kontroli, jak za pomocą rozdzielacza zmiennej wielkości kolumny wsparcie w tym artykule opisano.

Układ trzy kolumny

Poniższy kod produkowane poprzedni układ trzy kolumny z pola.Gdy zorganizować grupy pól kolumn, należy użyć Group element ma zawierać każda kolumna pól.Opcjonalnie można opisać grup pól.

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

Za pomocą rozdzielacza do zmiany rozmiaru kolumny zmiennej pomocy technicznej

Za pomocą Splitter elementu, gdy chcesz zezwolić na podgląd formularz , aby dynamicznie zmienić rozmiar kolumn.Rozdzielacz pojawia się jako w formularzlinii kropkowanej, jak pokazano na poniższej ilustracji.Nie można określić wszystkie elementy element podrzędny w Splitter element.

Kolumna 2 układu i podziału

A Group element, który zawiera Splitter i Column elementy należy określić dokładnie trzy Column elementów w następującej kolejności:

1. Column po lewej stronie rozdzielacza

2. Column zawierający tylko Splitter element

3. Column po prawej stronie podziału

Patrz poniższy przykład, aby uzyskać więcej informacji.

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

Powrót do początku

Kontrolowanie rozmiaru formularza i elementów formularza

Minimalny rozmiar poziomy i pionowy układ każdego formularz można określić za pomocą MinimumSize atrybut układu. Jednakże formularz zmieniany jest zgodnie z na połączone wymiary podczas Scalonej poziome i pionowe rozmiary formantów pole i układy, które są definiowane dla każdego formularz są większe niż podane wymiary minimalne.Ponadto rozmiar pionowy wszystkich kartach odpowiada wymiar, który jest wymagany do rozmiaru karty z maksymalną układ pionowy.Ostatni formant pole na każdej karcie może ulec zmianie odpowiednio do wypełnienia wymiar pionowy.

Paski przewijania są wyświetlane, gdy kontenera, w którym jest wyświetlany układ formularz jest mniejsze niż minimalne poziomy lub pionowy rozmiar formularz.W takim przypadku może wystąpić problem podwójnego przewijania.Z przewijania podwójne użytkownicy mogą mieć do przewijania zarówno samego formularz , jak i formantu pole , aby znaleźć informacje, które chcą.Aby uniknąć podwójnego przewijania chcesz umieścić formanty pole , które są przedmiotem przewijanie, takich jak HTML i historii pola na karcie własne.

Powrót do początku

Kontrolowanie rozmiaru układu

Odstępy i rozmiar ogólny układ formularz można kontrolować poprzez określenie atrybutów, które są opisane w poniższej tabeli.

Powrót do początku

Kontrolowanie rozmiaru elementów formularza

Za pomocą Control elementu MinimumSize atrybut , aby określić minimalną szerokość i wysokość, że każdy element formularz powinny zajmować. Jeśli nie masz wystarczającą przestrzeń w pionie, aby zachować jej minimalnego rozmiaru pojawi się pasek przewijania.Bez tego atrybutformanty są rysowane przy użyciu ich rozmiary domyślne, chyba że kontrole na innych kartach podjąć więcej miejsca, która zwiększa rozmiar na karcie.Można użyć innych atrybutów, takich jak Dock, Margin, i Padding, aby wyrównać lub rozciągnąć formant i określić rozmiar obramowania wokół formantu.Aby uzyskać więcej informacji zobacz następujące tematy:

• Kontrola wyświetlania pól elementów pracy

• Dodawanie tekstów pomocy, sterowania procesami, zawartości WWW i łączy do stron WWW do formularza elementów pracy

• Dodawanie funkcji kontroli załączników

• Zmiana sterowania łączami w taki sposób, aby ograniczyć relacje pomiędzy nimi

Powrót do początku

Określając różne układy dla różnych celów.

Można określić różne układy dla różnych celów, przy użyciu Layout elementu Target atrybut. Do obiektu docelowego Visual Studio lub Team Explorer Everywhere, można określić WinFormsi do docelowej Team Web Access, można określić Web.

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

Powrót do początku

Zobacz też

Zadania

Zmian układu formularza elementu pracy

Koncepcje

Projektowanie i dostosowywanie formularza elementu pracy

Kontrola wyświetlania pól elementów pracy

Dodawanie funkcji kontroli załączników

Zmiana sterowania łączami w taki sposób, aby ograniczyć relacje pomiędzy nimi

Inne zasoby

Dodawanie tekstów pomocy, sterowania procesami, zawartości WWW i łączy do stron WWW do formularza elementów pracy