UI Framework written in Dart - Dart Misc

The old Google Groups will be going away soon, but your browser is incompatible with the new version.
Message from discussion UI Framework written in Dart
Received-SPF: pass (google.com: domain of rti...@gmail.com designates 209.85.213.188 as permitted sender) client-ip=209.85.213.188;
MIME-Version: 1.0
Date: Thu, 24 Nov 2011 14:17:55 -0800 (PST)
In-Reply-To: <24134ba5-e609-40bb-bb49-b18829c928fc@g21g2000yqc.googlegroups.com>
References: <77de0e90-af4b-4460-8597-93736c523ef5@h3g2000yqa.googlegroups.com>
 <CAF8T8LwPTB03UA0of7j4Ow-crV=dMQZBkkqiFw1=7y-e92Q4Gw@mail.gmail.com>
 <db9d5cc0-6e90-4659-9fd3-951c0a457dc7@p16g2000yqd.googlegroups.com>
 <28e0c916-60c2-4a77-8685-3847e197ab21@d17g2000yql.googlegroups.com> <24134ba5-e609-40bb-bb49-b18829c928fc@g21g2000yqc.googlegroups.com>
User-Agent: G2/1.0
Message-ID: <b1772b1b-e9df-443b-a298-b503cc1af...@w15g2000yqc.googlegroups.com>
Subject: Re: UI Framework written in Dart
From: Ruudjah <rti...@gmail.com>
To: General Dart Discussion <m...@dartlang.org>
Content-Type: text/plain; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable

Right. The actual code would live in Dart, the UI definition in some
codefile using the UI dsl. In above example, doSearch() would refer to
an actual function/method in a "code-behind" dart codefile.

I don't think using xml is a good idea though. There are very valid
arguments that xml is not really humanly-readable (as claimed often
with xml).

Note that SearchBox in above example would be just a regular Dart
class, the UI dsl just defines an instance. A SearchBox might have for
example a getter/setter "backgroundText" i.e. "enter name of author to
search for", which is set invisible when the user focuses on it.

On Nov 24, 10:23=A0pm, John <pruj...@gmail.com> wrote:
> Your idea does provide a more succinct syntax from a programmatic
> perspective, and I like that. =A0However, for any UI framework to be
> truly well-rounded (in my opinion), you need to separate concerns of
> "design" vs "logic" (or if you will, View vs. View Model). =A0So I would
> prefer to create a declarative layer in xml, much like Xaml is to
> WPF. =A0This allows design tools - and importantly, designers - to more
> easily work with the framework.
>
> On Nov 24, 10:24=A0am, Ruudjah <rti...@gmail.com> wrote:
>
>
>
>
>
>
>
> > I am thinking to design a new ds language for UI. Core of it will use
> > interfaces/classes defined in a UI namespace, and then treating those
> > classes/interfaces as firstclass language constructs. Simply by
> > defining new UI widget/layout classes, the language can be extended.
> > Instead of
>
> > VerticalPanel vp =3D new VerticalPanel();
> > vp.add(new TextBox());
>
> > You'd do something like
>
> > VerticalPanel vp {
> > =A0 TextBox searchBox {
> > =A0 =A0 keyUp =3D> doSearch()
> > =A0 =A0 text "enter query to search"
> > =A0 }
> > =A0 VerticalPanel searchResults {
>
> > =A0 }
>
> > }
>
> > to define a domain specific search UI. If it turns out a generic
> > searchbox makes sense to develop, you'd be able to write a new class
> > SearchBox, which has builtin background hourglass image, and a
> > specialized search function. It might look something like this:
>
> > VerticalPanel vp {
> > =A0 SearchBox searchBox {
> > =A0 =A0 search =3D> doSearch()
> > =A0 }
> > =A0 VerticalPanel searchResults {
>
> > =A0 }
>
> > }
>
> > Just sharing rough thoughts here.
>
> > On Nov 23, 9:25=A0pm, John <pruj...@gmail.com> wrote:
>
> > > Thanks Bob. =A0And thanks for the great work you and the team are doi=
ng
> > > with Dart. =A0So far I'm finding it to be a very intuitive and powerf=
ul
> > > language. =A0I'm really pleased with how far I've been able to go wit=
h
> > > this project while Dart is still in alpha stage.
>
> > > The editor is my biggest frustration so far (I've been using the
> > > feedback button quite a bit), but I know that will come along and
> > > consider it the cost of doing business on the bleeding edge.
>
> > > Regarding my project, ultimately I would like to provide some sort of
> > > tooling capability to link declarative xml files directly with the
> > > Dart editor. =A0So the developer could have "strongly typed" access t=
o
> > > an xml-based representation of a layout. =A0This would be something
> > > analogous to what WPF/Silverlight does in Visual Studio with
> > > "UserControl". =A0I think the Android plug-in for eclipse has somethi=
ng
> > > similar. =A0Any plans for this type of extensible for the Dart editor=
?
>
> > > John
>
> > > On Nov 23, 1:15=A0pm, Bob Nystrom <rnyst...@google.com> wrote:
>
> > > > On Wed, Nov 23, 2011 at 6:01 AM, John <pruj...@gmail.com> wrote:
>
> > > > >http://phylotic.blogspot.com/2011/11/update-on-luca-ui-framework-f=
or-...
>
> > > > > It's open source on github at:
> > > > >https://github.com/LUCA-Studios-LLC/LUCA-UI-Framework-for-Dart
>
> > > > > It's in the very early stages, as Dart is, but coming along nicel=
y I
> > > > > think.
>
> > > > This is very very cool. Keep us informed of your progress and any i=
ssues
> > > > you run into.
>
> > > > - bob
Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
Account Options
