Question

Starling-Feathers 的新手，在我开始开发移动应用之前，我想知道使用 Feathers 开发以下功能的最佳做法是什么：

部分视图幻灯片 - 显示下一个视图的一部分，用户可以拖动以查看全部。这可以用Feathers ScreenNavigator完成吗？
从顶部滑动菜单
拖动带有标题的文本元素推送最后的项目

由于很难描述我添加了一个动画gif来描述我的目标。感谢您的所有建议

enter image description here

我想最大限度地使用内置小部件的Feathers，并会欣赏代码示例：）

Answer 1

我认为在核心闪存中这些并不难，或者你也可以在Starling羽毛中做到这一点。你可以使用列表项来做第三点（拖动文本元素，标题推送最后的项目）。第一和第二，你可以使用它与补间效果我认为。

对于第三个使用羽毛列表。（重组后）

        private function addFeatherList():void{
            Flist = new List();
            Flist.width = 250; 
            Flist.height = 300;
            Flist.x = GAME_W/2 - Flist.width/2;
            Flist.y = sampText.height + 5;                               
            this.addChild( Flist );
            fontArr = Font.enumerateFonts(true);

            for (var i:int=0; i<fontArr.length; i++){           
               ListArr[i] = { text:Font(fontArr[i]).fontName } 
            }  

            var groceryList:ListCollection = new ListCollection( ListArr );
            Flist.dataProvider = groceryList;
            Flist.itemRendererProperties.labelField = "text";

            FeathersControl.defaultTextRendererFactory=function():ITextRenderer{ 
                var render:TextFieldTextRenderer=new TextFieldTextRenderer();
                render.textFormat = new TextFormat("Verdana",8,0xFFFFFF,false); 
                return render;
            }

            Flist.itemRendererFactory = function():IListItemRenderer              //list.itemRendererProperties.accessorySourceField     list.itemRendererFactory   
            {
                var renderer:DefaultListItemRenderer = new DefaultListItemRenderer();
                renderer.addEventListener(Event.TRIGGERED, onListTriggered);
                return renderer;
            }   
        }

椋鸟羽毛 - 可用功能101

1 个答案: