我正在建立一个需要“卡片”UI部件的
Android应用程序.
这是一个可以执行以下操作的活动/布局示例的请求：
1)垂直滑动支持：
列出可以垂直滚动/滑动的一张卡片. StackView执行此操作,但我可以使用任何可以正常工作的解决方案(例如,某些CardUI项目)
2)水平滑动支持：
对于任何卡,有2个字典定义：
>如果我们做左滑动 – 那么我们可以看到定义A.
>如果我们做一个正确的滑动,我们看到定义B
>水平滑动更新不会更新整个屏幕布局,只是刷卡的卡.所以如果我在右侧刷卡2看A2,我还有一个Card1在A2后面
例：
[A1][Card1][B1] [A2][Card2][B2] [A3][Card3][B3]
解决方法
您有两种可能的方法：采取一些开源项目,并根据您的需要进行调整,或以其他方式,从详细教程中将您的卡片作为图片滑块构建.
对于第一个选项,请查看Github,您将在那里找到几个小型项目,它们通常在垂直或水平滚动上执行features张卡片.我想你可能会发现有趣的以下项目：
> CardDeck：适用于Android的Deck of Cards
> DeckPicker：一个完整的Android anki droid项目,在浏览器屏幕中有一些额外的卡预览功能.预览屏幕卡将在card browser窗口显示为评论模式.
最后,如果您所做的其他更改看起来不错,那么可以向原始项目提交补丁.
对于第二种替代方案,对于这种情况,您更愿意从头开始实施,然后采取简单的步骤,将您的项目扩展到根据您的意愿定制的更具体/复杂的详细信息.全屏图像滑块将适合该帐单,其将包括视图页面的活动：
activity_fullscreen_view.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</LinearLayout>
和一个Java class与全屏浏览器：
public class FullScreenImageAdapter extends PagerAdapter {
private Activity _activity;
private ArrayList<String> _imagePaths;
private LayoutInflater inflater;
// constructor
public FullScreenImageAdapter(Activity activity,ArrayList<String> imagePaths) {
this._activity = activity;
this._imagePaths = imagePaths;
}
@Override
public int getCount() {
return this._imagePaths.size();
}
@Override
public boolean isViewFromObject(View view,Object object) {
return view == ((RelativeLayout) object);
}
@Override
public Object instantiateItem(ViewGroup container,int position) {
ImageView imgDisplay;
Button btnClose;
inflater = (LayoutInflater) _activity
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View viewLayout = inflater.inflate(R.layout.layout_fullscreen_image,container,false);
imgDisplay = (ImageView) viewLayout.findViewById(R.id.imgDisplay);
btnClose = (Button) viewLayout.findViewById(R.id.btnClose);
BitmapFactory.Options options = new BitmapFactory.Options();
options.inPreferredConfig = Bitmap.Config.ARGB_8888;
Bitmap bitmap = BitmapFactory.decodeFile(_imagePaths.get(position),options);
imgDisplay.setImageBitmap(bitmap);
// close button click event
btnClose.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
_activity.finish();
}
});
((ViewPager) container).addView(viewLayout);
return viewLayout;
}
@Override
public void destroyItem(ViewGroup container,int position,Object object) {
((ViewPager) container).removeView((RelativeLayout) object);
}
}
然后你实现图像滑动horizontally,如：
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Swipe Demo"
android:gravity="center"
android:layout_margin="10dip" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:layout_margin="10dip"
android:id="@+id/image_place_holder"/>
</LinearLayout>
</LinearLayout>
哪个可以让你滑动的东西vertically：
在一天结束时,您想要的是一个网格,例如垂直和水平滚动在一起.因此,您必须将垂直和水平滑动组合到table layout中：
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="fill_parent">
<TableLayout
android:id="@+id/amortization"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TableRow
android:background="#ffff00">
<TextView
android:text="@string/amortization_1"
android:padding="3dip"/>
<TextView
android:text="@string/amortization_2"
android:padding="3dip"/>
<TextView
android:text="@string/amortization_3"
android:padding="3dip"/>
<TextView
android:text="@string/amortization_4"
android:padding="3dip"/>
<TextView
android:text="@string/amortization_5"
android:padding="3dip"/>
<TextView
android:text="@string/amortization_6"
android:padding="3dip"/>
<TextView
android:text="@string/amortization_7"
android:padding="3dip"/>
</TableRow>
</TableLayout>
</HorizontalScrollView>
</ScrollView>
采取这样的步骤并结合起来,将使您达到想要的效果.
