wjah / droiddraw Goto Github PK

Currently the first step after creating an object is renaming it and
changeing the id accordingly. A automatic generation of the "ID" from name
(or otherwise), e.g. bei a button would speed up the process.

<?xml version="1.0" encoding="UTF-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
               android:orientation="vertical" 
               android:layout_width="fill_parent" 
               android:layout_height="fill_parent"> 
     <!-- the first item is the time control --> 
     <LinearLayout android:orientation="horizontal" 
                   android:layout_width="fill_parent" 
                   android:layout_height="wrap_content"> 
         <TextView android:layout_width="wrap_content" 
                   android:layout_height="wrap_content" 
                   android:text="@string/MealTime_Label"/> 


         <TimePicker id="@+id/MealTime" 
                     android:layout_width="fill_parent" 
                     android:layout_height="wrap_content" 
                     android:showSetButton="false"/> 


     </LinearLayout> 


     <!-- the second item is a title bar --> 
     <TextView android:layout_width="fill_parent" 
               android:layout_height="wrap_content" 
               android:background="@drawable/medium_gray" 
               android:text="@string/MealFoodTitle_Label"/> 


     <!-- the third item is the scrolling list of currently defined   
foods --> 
     <ListView id="@+id/FoodList" 
               android:orientation="vertical" 
               android:layout_width="fill_parent" 
               android:layout_height="fill_parent" 
               android:layout_weight="1" 
               android:background="@drawable/light_gray"> 
     </ListView> 


     <!-- the fourth item is the control bar --> 
     <LinearLayout android:orientation="horizontal" 
                   android:layout_width="fill_parent" 
                   android:layout_height="wrap_content" 
                   android:background="@drawable/medium_gray"> 
         <Button id="@+id/DeleteMeal" 
                 android:layout_width="wrap_content" 
                 android:layout_height="wrap_content" 
                 android:text="@string/MealDelete_Label"/> 


         <FrameLayout android:layout_width="fill_parent" 
                      android:layout_height="wrap_content" 
                      android:layout_weight="1"/> 


         <Button id="@+id/AddFood" 
                 android:layout_width="wrap_content" 
                 android:layout_height="wrap_content" 
                 android:text="@string/MealAddFood_Label"/> 
     </LinearLayout> 
</LinearLayout> 

Android currently doesn't support the android:visibility property

Currently DroidDraw doesn't handle the android:layout_margin property.  It
should.

Users should be able to select multiple widgets, either by using the shift
key or dragging a box around items.  Multiple selected items should be
moved as a unit.

Even with widgets in place, layouts should still draw the light gray
outline around them.  Currently, they don't.

2. I have experimented with different layout. I have found no way to
move widget from one layout to another. I need to manually change xml
file to do this. I think this feature could be very useful. 

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what operating system?


Please provide any additional information below.

Android does baseline alignment of text.  DroidDraw does not.

There should be a way to clear the contents of the screen.

In LinearLayout, when the weight of a component is set, it doesn't render
appropriately on screen

DroidDraw can generate XML files, but it can't load them in.  It should be
able to.

Properties with default values shouldn't be printed.

DroidDraw does not handle changing font sizes.

Placing a widget at the top will actually make it draw at the top

1. Apply button for properties is too low and require me to scroll
window each time I update the properties. It would be nice to get the
button out of the scroll area or ideally apply changes on focus change
(another object selected). 

1. Add a widget
2. Switch to a layout manager with additional properties (e.g. LinearLayout)
3. These properties are not added to the widget added in step 1.

What steps will reproduce the problem?
1. Create a new UI
2. Save to an existing file name
3. Existing file is overwritten

What is the expected output? What do you see instead?

App should prompt the user to confirm.

On Windows XP (and perhaps Linux) the generate button is too big and
overlaps the "Load" button when it is hovered over.

This does not appear in OS X. *sigh*

see above.

In LinearLayout, changing the gravity of an element doesn't actually render
differently.

See title...

android:layout_column is not currently supported.

EditText should draw password style when Password is enabled.

layout_gravity doesn't support gravity such as "right|bottom"

DroidDraw doesn't handle table_layout3 in Google's API demos correctly. 
the text should break and it doesn't.

1) Can you add a Table Column element?
2) Or ScrollView as a parent layout.
3) WRAP_CONTENT or FILL_PARENT selection can have some autocompletion, since it 
used mor 
often, then direct values. 

P.S. Thanks for the program, it's great. Don't think Google would do better.

Android supports 4 device resolutions, DroidDraw should do the same.

DroidDraw doesn't handle the android:textAlign property.

DroidDraw should check for updates and prompt to download a new version.

I'd like to see a possibility (in far future) to sort the order of the
elements in the xml.

Should be able to generate more than just AbsoluteLayout

What steps will reproduce the problem?
1. add a simple checkbox on any layout.
2.
3.

What is the expected output? What do you see instead?

The text should be properly aligned, but is moved way to the left.


What version of the product are you using? On what operating system?

this happens bouth on winxp and linux suse10.3


Please provide any additional information below.

Modify the height in a widget to something (say 25px) it doesn't draw that way.

1. All widgets move in individual panel on left, as on Visual Studio  -
Toolbox with widgets icons.
2. Properties of widgets will show on right on individual panel, it will be
better.
3. Make gray grid on display that can point positions of widgets on screen

Sorry for my bad English :)

DroidDraw should use a true MVC paradigm.  (e.g. move the paint method out
of the widgets.  This will facilitate a number of different things which
are useful...)

The width is relative to the current x position.

See title...

Look and feel is not identical to Android.  It should be.

DroidDraw currently doesn't support the android:padding property it should.

When attempting to create a layout with a LinearLayout root, and a
LinearLayout containing RelativeLayouts, I can not add views to the
RelativeLayouts using DroidDraw.

There should be centralized error handling, e.g. no
System.out/System.err/ex.printStackTrace()

Android doesn't currently support View objects.

What steps will reproduce the problem?
1. In I.E 7.0 on MS XP try dropping down the Controls List
2. The Bottom portion of the scroll bar gets cut off as if the textarea 
where the code is being shown is of a higher z-order than the drop down.
Sorry if I am vague, but I am not a Swing / Applet developer so I can 
atmost speak JavaScript :-)
3. To Navigate the list I need to use the up & down cursor keys instead of 
the scroll bar

What is the expected output? What do you see instead?
See the whole scrollbar of the list of controls and use the mouse to 
navigate down

What version of the product are you using? On what operating system?
IE 7.0, MS XP SP 2

Please provide any additional information below.
Will check on FireFox and get back...

DroidDraw should support the android:layout_span property.

What steps will reproduce the problem?
1. Open the http://www.droiddraw.org/tutorial.html
2. Notice that step fourteen makes a reference at the resulting code but
that is missing.

What is the expected output? What do you see instead?

Expected output below.  Instead nothing shows.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
id="@+id/widget23"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
>
<LinearLayout
id="@+id/widget24"
android:layout_width="200px"
android:layout_height="130px"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
>
<TextView
id="@+id/widget25"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Dollars"
android:textSize="14sp"
android:typeface="normal"
android:textStyle="bold"
android:layout_weight="0"
android:layout_gravity="left"
>
</TextView>
<EditText
id="@+id/dollars"
android:layout_width="100px"
android:layout_height="wrap_content"
android:textSize="14sp"
android:typeface="normal"
android:textStyle="normal"
android:password="false"
android:numeric="false"
android:phoneNumber="false"
android:autoText="false"
android:capitalize="sentences"
android:layout_weight="0"
android:layout_gravity="left"
>
</EditText>
<Ticker
id="@+id/widget27"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_weight="0"
android:layout_gravity="left"
>
<TextView
id="@+id/widget33"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Euros"
android:textSize="14sp"
android:typeface="normal"
android:textStyle="bold"
>
</TextView>
</Ticker>
<EditText
id="@+id/euros"
android:layout_width="100px"
android:layout_height="wrap_content"
android:textSize="14sp"
android:typeface="normal"
android:textStyle="normal"
android:password="false"
android:numeric="false"
android:phoneNumber="false"
android:autoText="false"
android:capitalize="sentences"
android:layout_weight="0"
android:layout_gravity="left"
>
</EditText>
<RadioGroup
id="@+id/widget29"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_weight="0"
android:layout_gravity="left"
>
<RadioButton
id="@+id/dtoe"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Dollars to Euros"
android:textSize="14sp"
android:typeface="normal"
android:textStyle="normal"
android:checked="false"
android:layout_weight="0"
android:layout_gravity="left"
>
</RadioButton>
<RadioButton
id="@+id/etod"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Euros to Dollars"
android:textSize="14sp"
android:typeface="normal"
android:textStyle="normal"
android:checked="false"
android:layout_weight="0"
android:layout_gravity="left"
>
</RadioButton>
</RadioGroup>
</LinearLayout>
<Button
id="@+id/convert"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Convert"
android:textSize="14sp"
android:typeface="normal"
android:textStyle="normal"
android:layout_below="@+id/widget24"
android:layout_alignRight="@+id/widget24"
>
</Button>
</RelativeLayout>






What version of the product are you using? On what operating system?

>> On line version.


Please provide any additional information below.

Great stuff!!!  Thanks a lot. 

There are numerous properties which have colors, DroidDraw should support
these properties, for example android:background

RelativeLayout's treatment of circular dependencies is overly conservative. 

If a textview is longer than the screen width, it should break.  Currently
they don't.

When you edit the values for an EditText object they are immediately
applied regardless of if the apply button is pressed or not.