Tabris: правильный способ реализации компонента прокрутки с помощью Swipe
Я пытаюсь использовать композитную прокрутку (вертикальная прокрутка) в сочетании с навигацией по страницам с помощью жестов (смахивание).
Мое приложение отлично работает на эмуляторах Android (пробовал Android 4.0.3, 4.1.2, 4.3), но у меня проблемы с мобильным телефоном ZTE Blade III, ОС Android 4.0.4. Смахивание не работает независимо от ориентации HTC Desire с Android 4.4 имеет проблемы со смахиванием в альбомной ориентации
Я делаю что-то неправильно.
Я тестировал с точкой входа 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 ответ
Для меня это работает и с эмуляторами (проверенные Android SDK и Genymotion), но с реальными устройствами я замечаю и проблемы: с Motorola Razr i ist не работает, с HTC Desire и Cynogenmod на базе Android 4.4.2 он работает только в портретном режиме ориентация, но не в ландшафте. На Asus FonePad обе ориентации работают нормально.
Пример:
- хранилище клонов https://github.com/eclipsesource/tabris-demos.git
- использовать целевую платформу Tabris 1.2.1
- применить изменения снизу
- тестовая демонстрация смахивания (точка входа / смахивание)
================================================== ================================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 ) ) );
}