• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 778
  • Last Modified:

Widget implemention in VB.NET (Designing a Prototype)

Hi,

I am trying to work on a project that involves working with a table top interface coded in VB.NET.

We are trying to implement a prototype for a system, and need to built a horizontal prototype for demo purpoposes. (This will eventually lead to the vertical and final prototype).

What I want to begin with is to find out if the design I am trying to implement is possible with VB.NET, and I don't call myself a programmer with below average expereince and programming knowledge. So basically I want to get a feel of how much effort it would require.

So Basically I want to implement a widget in VB.NET as a side menu bar, on which the icons will be placed and just like you can scroll up or down, the icons will be scrolled up or down and the user can click the icon and will take him to the screen relating to that icon. So just like a click event on a command button, but in this case the icons can be scrolled up and down.

To clarify what I am trying to design, please check the link below. It is the widget that is implemeted in the samsung phones.

I am also open to other design alternatives :)

http://www.youtube.com/watch?v=vfzc8fQDg2E
0
Trying_to_Learn
Asked:
Trying_to_Learn
  • 5
  • 5
3 Solutions
 
Trying_to_LearnAuthor Commented:
Is something like this even possible?

Something even close to it?
0
 
calin131Commented:
Yes this is very much possible. The icons on left could be buttons. The difference will be that they will not be round but square. The buttons have options for move by changing the x,y coordinates of buttons display. The right side of the UI could be a simple form on which you will display the contend of the forms activated by the buttons. Another way to implement this is with Tabs( ui widgets). No tab will be activated by default but once the right mouse button will be released and while the button position is over the form then activate the correspondent tab and display its contents.
It is not an easy task but it can be done.
0
 
Trying_to_LearnAuthor Commented:
Sounds really Interesting!

Can we go into more details regarding the Tab Implementation?

Note: I am using a WPF Implementation project in VB.NET
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
calin131Commented:
You can use the tab form into a layout form. There you can add one tab per application. By default you have to set visibility to hidden and put the visibility to true when ever you want  it displayed. I.e. After clicking a button on the left side of your UI.
0
 
Trying_to_LearnAuthor Commented:
I meant that I will be replacing the buttons by the tabs. So instead of having 4 major buttons on the left hand side, I can just use the tabs

I dont see how this is hard, don't I just use the tabs on the controls?
0
 
calin131Commented:
If you do replace the buttons by tabs in the left hand side of your ui then your will need to have at all timesmone tab activated. Moreover, each tab will display its label ( clock, calendar ... And so on). In this design there will be an active tab at all times : this means that the content of one of  the tabs will ne displayed at all times. The other design that i suggested earlier keeps the tab headers hidden and the content display hidden also.
You could tweak your design also by adding a tab that has no label and no content and keep it activated when you load your ui and after each action.
They are both goodmdesigns . Equally also from the point if view of the difficulty of implementation.
Cheers
0
 
Trying_to_LearnAuthor Commented:
Can I have like a screen saver which displays the time when the system is not active, and as soon as it is active it will take the user to the first tab?
0
 
calin131Commented:
I cant upload it here but :
For buttons design: when you click a button you assign it the attribute pressed ( this way the button will look like it is still pressed ) and you display lets say the calendar on the right side. When you are done and yiu wand to leave empty the right side just click the button on the left again, change the button's state to unpressed and then activate the empty tab.
For the tab design you can do the same Except that when you are finished and you click the tab you will make as active tab the empty one.
0
 
calin131Commented:
This question has been answered. The solution has been provided.
0
 
Trying_to_LearnAuthor Commented:
The solution was somewhat vague and hard to follow
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now