2017-03-07 79 views
0

我正在为客户端自定义Emoji键盘。我们已经有一个iOS应用程序,现在试图在android中做出类似的东西。我使用的是一个类似于iOS中的UICollectionView的gridView。但我根本不明白为什么我不能为gridView设置高度。 我想要实现的是设置特定的键盘高度,就像系统键盘一样,所以只显示8-10张图像,然后我可以滚动浏览其他图像。添加分页和水平滚动将是一个奖励和最后一步。Android设置固定GridView自定义键盘高度

下面是键盘我的XML文件:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/keyboardView" 
    android:layout_width="match_parent" 
    android:layout_height="240dp" 
    android:background="@android:color/white" 
    android:orientation="horizontal"> 

    <GridView 
     android:id="@+id/imageGridView" 
     android:layout_width="match_parent" 
     android:layout_height="240dp" 
     android:columnWidth="90dp" 
     android:gravity="center" 
     android:horizontalSpacing="10dp" 
     android:numColumns="auto_fit" 
     android:stretchMode="columnWidth" 
     android:verticalSpacing="10dp" /> 

</LinearLayout> 

我InputServiceManagers onCreateInputView:

public View onCreateInputView() { 

     keyboardView = getLayoutInflater().inflate(R.layout.keyboard,null); 

     List<Integer> imageArray = new ArrayList<>(); 
     for (int i = 1; i <= 20;i++){ 
      try { 
       Class res = R.drawable.class; 
       String imageName = "sticker" + String.valueOf(i); 
       Field field = res.getField(imageName); 
       int drawableID = field.getInt(null); 
       imageArray.add(drawableID); 
      } catch (Exception e) { 
       Log.e("MyTag","Failure to get drawable id.",e); 
      } 
     } 

     imageGrid = (GridView) keyboardView.findViewById(R.id.imageGridView); 
     imageGrid.setNumColumns(4); 
     ImageGridAdapter adapter = new ImageGridAdapter(this); 
     adapter.imageArray = imageArray; 
     imageGrid.setAdapter(adapter); 


     return keyboardView; 

    } 

GridViewAdapter:

public class ImageGridAdapter extends BaseAdapter { 

    private Context mContext; 
    public List<Integer> imageArray; 

    public ImageGridAdapter(Context c) { 
     mContext = c; 
    } 

    public int getCount() { 
     return imageArray.size(); 
    } 

    public Object getItem(int position) { 
     return imageArray.get(position); 
    } 

    public long getItemId(int position) { 
     return position; 
    } 

    @Override 
    public View getView(int position, View convertView, ViewGroup parent) { 
     ImageView imageView; 
     if (convertView == null) { 
      // if it's not recycled, initialize some attributes 
      imageView = new ImageView(mContext); 
      imageView.setLayoutParams(new GridView.LayoutParams(120, 120)); 
      imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); 
      //imageView.setPadding(1, 1, 1, 1); 
     } else { 
      imageView = (ImageView) convertView; 
     } 

     imageView.setImageResource(imageArray.get(position)); 
     return imageView; 
    } 


} 

这是最终产品应该怎么样子: enter image description here

,这是它现在的样子: enter image description here

+0

我怀疑你的部分代码没有显示你的问题。如果我膨胀你的布局文件,我得到一个240dp的高度,但在显示器的顶部。查看keyboard.xml的父级。 – Gary99

回答

1

我用了你的代码,它的做工精细,贴都出现在滚动条的键盘区域。顺便说一句,我现在正在做一个类似的项目,如果你愿意,我想我们可以互相帮助。

Androi Emoji Keyboard

+0

谢谢,我找到了解决方案! :) – user3621033

+0

给我发电子邮件:[email protected] – user3621033

+0

嗨@ user3621033,我正在开发一个像你这样的项目,你能跟我分享你的代码吗?我的代码出错了。谢谢 –