Tabris:使用Swipe实现滚动组件的正确方法

时间:2014-01-31 11:52:56

标签: android swipe tabris

我尝试使用滚动复合(垂直滚动)与使用手势(滑动)的分页导航相结合。

我的应用程序在Android模拟器上运行良好(尝试过Android 4.0.3,4.1.2,4.3)但我的手机出现问题 中兴Blade III,Androind OS 4.0.4。无论方向如何,滑动都不起作用 使用Android 4.4的HTC Desire在横向滑动方面存在问题

我做错了什么。

我使用SwipeDemo入口点(来自标签)进行了测试。

  private void createSwipeWidget( Composite parent ) {
    final ScrollingComposite scrollableParent = new ScrollingComposite( parent, SWT.V_SCROLL );
    scrollableParent.setLayout( GridLayoutFactory.fillDefaults().create() );
    scrollableParent.setLayoutData( GridDataFactory.fillDefaults()
      .grab( true, true )
      .align( SWT.FILL, SWT.FILL )
      .create() );

    Swipe result = new Swipe( scrollableParent, new DictionarySwipeItemProvider() );
    GridDataFactory.fillDefaults()
      .grab( true, true )
      .align( SWT.FILL, SWT.FILL )
      .applyTo( result.getControl() );
    result.show( 0 );
  }

同样在com.eclipsesource.tabris.demos.swipe.DictionarySwipeItem 我在.hint( SWT.DEFAULT, 500 )方法中提示createTitleLabel,以便启用垂直滚动。

提前致谢

已编辑:添加全新的示例/代码段

    import org.eclipse.jface.layout.GridDataFactory;
    import org.eclipse.jface.layout.GridLayoutFactory;
    import org.eclipse.rap.rwt.application.EntryPoint;
    import org.eclipse.rap.rwt.application.EntryPointFactory;
    import org.eclipse.swt.SWT;
    import org.eclipse.swt.widgets.Composite;
    import org.eclipse.swt.widgets.Control;
    import org.eclipse.swt.widgets.Label;

    import com.eclipsesource.tabris.ui.AbstractPage;
    import com.eclipsesource.tabris.ui.PageConfiguration;
    import com.eclipsesource.tabris.ui.PageData;
    import com.eclipsesource.tabris.ui.TabrisUIEntryPoint;
    import com.eclipsesource.tabris.ui.UIConfiguration;
    import com.eclipsesource.tabris.widgets.ScrollingComposite;
    import com.eclipsesource.tabris.widgets.swipe.Swipe;
    import com.eclipsesource.tabris.widgets.swipe.SwipeContext;
    import com.eclipsesource.tabris.widgets.swipe.SwipeItem;
    import com.eclipsesource.tabris.widgets.swipe.SwipeItemProvider;

    public class SwipeScrollSnippet implements EntryPointFactory {

      @Override
      public EntryPoint create() {
        return new TabrisUIEntryPoint( createConfiguration() );
      }

      private UIConfiguration createConfiguration() {
        UIConfiguration configuration = new UIConfiguration();
        /*
         * Page with Vertical scroll and swipe component. Swiping does not work at
         * all.
         */
        PageConfiguration page1 = new PageConfiguration( SwipePageWithScroll.class.getName(),
                                                         SwipePageWithScroll.class );
        page1.setTitle( "Swipe page" );
        page1.setTopLevel( true );
        configuration.addPageConfiguration( page1 );
        return configuration;
      }
      /**
       * Page with scroll and swipe components
       */
      public static class SwipePageWithScroll extends AbstractPage {

        /**
         * Creating content of a page with scrolling component and swipe object
         */
        public void createContent( final Composite parent, final PageData data ) {
          final ScrollingComposite scrollableParent = createScrollParent( parent );
          createSwipe( scrollableParent );
        }

        protected ScrollingComposite createScrollParent( final Composite parent ) {
          parent.setLayout( GridLayoutFactory.fillDefaults().numColumns( 1 ).spacing( 0, 0 ).create() );
          final ScrollingComposite scrollableParent = new ScrollingComposite( parent, SWT.V_SCROLL );
          scrollableParent.setLayoutData( GridDataFactory.fillDefaults().grab( true, true ).create() );
          scrollableParent.setLayout( GridLayoutFactory.fillDefaults().create() );
          scrollableParent.setBackground( getUI().getDisplay().getSystemColor( SWT.COLOR_GRAY ) );
          return scrollableParent;
        }

        public Swipe createSwipe( Composite oParent ) {
          Swipe result = new Swipe( oParent, new SimpleSwipeItemProvider() );
          result.getControl().setBackground( getUI().getDisplay().getSystemColor( SWT.COLOR_YELLOW ) );
          GridDataFactory.fillDefaults()
            .grab( true, true )
            .align( SWT.FILL, SWT.FILL )
            .applyTo( result.getControl() );
          return result;
        }
      }
      /**
       * 
       */
      public static class SimpleSwipeItemProvider implements SwipeItemProvider {

        @Override
        public SwipeItem getItem( int oIndex ) {
          return new SimpleSwipeItem( oIndex );
        }

        @Override
        public int getItemCount() {
          return 3;
        }
      }
      /**
       * 
       */
      public static class SimpleSwipeItem implements SwipeItem {

        private int index;

        public SimpleSwipeItem( int oIndex ) {
          super();
          this.index = oIndex;
        }

        @Override
        public Control load( Composite oParent ) {
          Composite composite = new Composite( oParent, SWT.BORDER );
          composite.setLayout( GridLayoutFactory.fillDefaults().create() );
          Label label = new Label( composite, SWT.None );
          label.setText( "Swipe item " + index );
          label.setLayoutData( GridDataFactory.swtDefaults()
            .grab( true, true )
            .hint( SWT.DEFAULT, 500 )
            .align( SWT.CENTER, SWT.CENTER )
            .create() );
          Label bottomLabel = new Label( composite, SWT.None );
          bottomLabel.setText( "Try to swipe" );
          bottomLabel.setLayoutData( GridDataFactory.swtDefaults()
            .grab( true, true )
            .align( SWT.CENTER, SWT.CENTER )
            .create() );
          return composite;
        }

        @Override
        public boolean isPreloadable() {
          return false;
        }

        @Override
        public void deactivate( SwipeContext oContext ) {
        }

        @Override
        public void activate( SwipeContext oContext ) {
        }
      }
    }

1 个答案:

答案 0 :(得分:0)

对我而言,它确实可以与模拟器(经过测试的Android SDK和Genymotion)一起使用,但对于真实设备我也会发现问题: 使用摩托罗拉Razr i ist不起作用,基于Android 4.4.2的HTC Desire和Cynogenmod只能在纵向工作,但不能在横向工作。在华硕fonepad两个方向都很好。

一个例子:

  1. clone repository https://github.com/eclipsesource/tabris-demos.git
  2. 使用1.2.1 Tabris目标平台
  3. 从下面应用更改
  4. 测试滑动演示(入口点/滑动)
  5. =============================================== =================================== 的 SwipeDemo.java

    import com.eclipsesource.tabris.widgets.ScrollingComposite;
    
    private void createSwipeWidget( Composite parent ) {
        final ScrollingComposite scrollableParent = new ScrollingComposite( parent, SWT.V_SCROLL );
        scrollableParent.setLayout( GridLayoutFactory.fillDefaults().create() );
        scrollableParent.setLayoutData( GridDataFactory.fillDefaults()
          .grab( true, true )
          .align( SWT.FILL, SWT.FILL )
          .create() );
        Swipe result = new Swipe( scrollableParent, new DictionarySwipeItemProvider() );
        GridDataFactory.fillDefaults()
          .grab( true, true )
          .align( SWT.FILL, SWT.FILL )
          .applyTo( result.getControl() );
        result.show( 0 );
      }
    

    =============================================== =================================== 的 DictionarySwipeItem.java

    private void createTitleLabel( Composite parent ) {
        Label titleLabel = new Label( parent, SWT.WRAP );
        GridDataFactory.fillDefaults()
          .align( SWT.CENTER, SWT.TOP )
          .grab( true, true )
          .hint( SWT.DEFAULT, 500 )
          .applyTo( titleLabel );
        titleLabel.setForeground( parent.getDisplay().getSystemColor( SWT.COLOR_DARK_GRAY ) );
        titleLabel.setText( "Lesson " + ( index + 1 ) );
        titleLabel.setFont( new Font( parent.getDisplay(), new FontData( "Arial", 30, SWT.BOLD ) ) );
      }