使用c＃开发接口 [英] to develop a interface using c#

问题描述

大家好，我是c＃编程的新手，最近我尝试开发如下图所示的界面。问题是我不知道如何创建像这样的对象..所以我希望有一个人可以帮助我..谢谢你！我圈了我不理解的部分..



对不起，我必须使用链接查看图片。

http://s15.postimg.org/83p0ndh2j/2013_05_21_14_36_32.jpg [ ^ ]

解决方案

复制复杂界面没有规范...至少......它的元素做了什么，以及用户如何在运行时与它们进行交互，在我看来，这可能不是学习如何创建复杂接口的最佳方式。 br />


我认为，更好的是，在ui设计，应用程序功能，功能和样式方面给自己带来某些问题，然后尝试创建它们，尝试.NET在Windows窗体或WPF中提供的不同控件。



我认为有一些设计原则你可以rtsculate看你链接到的屏幕截图：



1.哪些用于某些UI元素的控件可能非常明显......而且你拥有的体验越多通过堆栈（Win Forms或WPF）提供的控件范围以及Windows应用程序UI的典型词汇表，您识别这些控件的技能将越高。



a。示例：快速查看您的ui-graphic会在UI底部显示一个StatusBar。



1.研究并分析界面以区分可复制的元素。目标是创建一个可以重复使用的组件。



a。例如：你的ui-graphic的主要区域有大标签Left Lane，Right Lane，建议创建一个UserControl。唯一的区别在于我是盒子的位置，顶部是绿色区域，黑色是身体。



如果你想创建一个UI就像图形中的那个没有使用（在Windows窗体中）很多面板和面板中的面板，我建议你在Win Forms中试验TableLayoutPanel。



您可以使用此控件的行和列的策略创建和大小来解决在自己的边框中包含许多元素的问题。



通过设置' ColumnSpan和/或您嵌入在TableLayoutPanel的单元格中的控件的RowSpan属性，您可以使各个控件占据TableLayoutPanel中的任意数量的垂直或水平空间。



因此，例如，如果我定义了一个TableLayoutPanel，其中包含两列和几行，并且我希望StatusBar占据其底部行的TableLayoutPanel的整个宽度：



1.添加StatusBar到底行的第一个Cell。



2.将StatusBar的ColumnSpan属性设置为PropertyBrowser中StatusBar的＃2。



nasib baik！

登录， Main ，维护和配置是 TabControl 中的一个选项卡。

如果是Web应用程序...

对于TabControl，你可以试试......

• AJAX

  
  
  Ajax TabControl [ ^ ]。
  
  
  
  一些例子......
  
  使用ASP.NET AJAX TAB控件 [ ^ ]
  
  Ajax选项卡控件使用CSS [ ^ ]

• jQuery

  
  
  使用jQuery的简单ASP.NET选项卡控件 [ ^ ]
  
  使用ASP.NET延迟加载jQuery选项卡 [ ^ ]

如果是Windows应用程序......

请参阅

1. C＃TabControl [ ^ ]

2. A .NET Flat TabControl（CustomDraw） [ ^ ]

hi guys, i am very new to c# programming and recently i trying to develop a interface as image below. the problem is i have no idea how to create the object like that..so i hope there is some one can help me up..thank you !! i have circle the part that i don't understand..

sorry i have to using link to view the image.
http://s15.postimg.org/83p0ndh2j/2013_05_21_14_36_32.jpg[^]

解决方案

Duplicating a complex interface without a specification of ... at least ... what its elements do, and how the user can interact with them at run-time is, in my humble opinion, probably not the best way to learn how to create complex interfaces.

Better, I think, is to pose certain problems in ui design, and application function, features, and style, to yourself, and then try and create them, experimenting with the different controls that .NET offers in Windows Forms, or WPF.

I do think there are certain design principles you can articulate looking at the screen-shot you linked to:

1. which Controls to use for certain UI elements may be very obvious ... and the more experience you have with the range of Controls provided by your "stack" (Win Forms, or WPF), and the typical "vocabulary" of Windows Applications UI, the greater your skill in identifying those Controls will be.

a. example: one quick look at your ui-graphic suggests a StatusBar at the bottom of the UI.

1. study and analyze the interface to distinguish elements that can be duplicated. The goal is to create one component which you can then re-use.

a. example: the major areas of your ui-graphic with large labels "Left Lane," "Right Lane," suggest creating one UserControl. The only difference appears to me to be the position of the "box" with a green area in the top, and body in black.

If you wish to create a UI like the one in the graphic without using (in Windows Forms) a lot of Panels, and Panels inside Panels, I sugguest you experiment with the TableLayoutPanel in Win Forms.

You can "solve" the issue of having many elements enclosed in their own borders using strategic creation and sizing of Rows and Columns of this Control.

By setting the 'ColumnSpan, and/or 'RowSpan properties of the Controls you embed in the Cells of the TableLayoutPanel, you can make individual Controls occupy any amount of vertical or horizontal space in the TableLayoutPanel.

So, for example, if I defined a TableLayoutPanel with two Columns, and several Rows, and I wanted a StatusBar to occupy the full width of the TableLayoutPanel in its bottom Row:

1. add the StatusBar to the first Cell in the bottom Row.

2. set the ColumnSpan Property of the StatusBar to #2 in the PropertyBrowser for the StatusBar.

nasib baik !

The Login, Main, Maintenance and Configuration are one one Tab in a TabControl.

If Web Application...

For TabControl, you can try...

• AJAX

  
  Ajax TabControl[^].
  
  Some Examples...
  Using ASP.NET AJAX TAB Control[^]
  Ajax tab control using CSS[^]

• jQuery

  
  Simple ASP.NET Tab Control Using the jQuery[^]
  Lazy Loading jQuery Tabs with ASP.NET[^]

If Windows Application...

Refer
1. C# TabControl[^]
2. A .NET Flat TabControl (CustomDraw)[^]

这篇关于使用c＃开发接口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！