gpt4 book ai didi

android - 图标/文本按钮的网格布局

转载 作者:IT老高 更新时间:2023-10-28 23:29:49 25 4
gpt4 key购买 nike

我正在尝试创建一个 3 x 3 的项目网格。每个 Item 都由 TextView 之上的 ImageView 组成。不幸的是,我在让一切都玩得很好时遇到了问题。

这是我尝试并排获得 2 个这样的项目。 TextView 甚至不显示,并且图标被挤压在一起(而不是均匀间隔)

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1" android:gravity="center"
android:paddingLeft="40px" android:paddingRight="40px" >
<TableRow>
<LinearLayout android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:id="@+id/usertoolsimage"
android:src="@drawable/ftnicon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:text="User Accounts"
android:gravity="right"
android:padding="3dip" android:textColor="#ffffff" />
</LinearLayout>


<LinearLayout android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:id="@+id/queueimage"
android:src="@drawable/ftnicon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:text="Queue Management"
android:gravity="right"
android:padding="3dip" android:textColor="#ffffff" />
</LinearLayout>
</TableRow>

<TableRow>
<TextView
android:text="test 3"
android:padding="3dip" android:textColor="#ffffff" />
<TextView
android:text="test 4"
android:gravity="right"
android:padding="3dip" android:textColor="#ffffff" />
</TableRow>
</TableLayout>

我的最终目标是拥有一个可点击项目的网格,其中项目是主菜单的图像和文本。谁能指导我应该使用哪些布局来实现这一目标?

最佳答案

在我看来,您最好的选择是使用支持滚动和间距的 gridView,并且您可以在每个项目的布局和事件方面非常动态。另一种选择是使用相对/线性布局的组合来创建图像布局。

GridView 布局:

<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/myGrid"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="10dp"
android:verticalSpacing="10dp"

android:horizontalSpacing="10dp"
android:numColumns="3"
android:columnWidth="60dp"
android:stretchMode="columnWidth"

android:gravity="center"
/>

然后在你的 Activity 中:

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
mGame.status = GameStatus.PLAYING;

setContentView(R.layout.gridLayout);
GridView grid = (GridView) findViewById(R.id.myGrid);
grid.setAdapter(new customAdapter());

grid.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
//do some stuff here on click
}
});
}

public class customAdapter extends BaseAdapter {

public View getView(int position, View convertView, ViewGroup parent) {
//create a basic imageview here or inflate a complex layout with
//getLayoutInflator().inflate(R.layout...)
ImageView i = new ImageView(this);

i.setImageResource(mFams.get(position).imageId);
i.setScaleType(ImageView.ScaleType.FIT_CENTER);
final int w = (int) (36 * getResources().getDisplayMetrics().density + 0.5f);
i.setLayoutParams(new GridView.LayoutParams(w * 2, w * 2));
return i;
}

public final int getCount() {
return 9;
}

public final Family getItem(int position) {
return mFams.get(position);
}

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

或者使用线性布局的基本布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<LinearLayout android:id="@+id/linearLayout1"
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_alignParentLeft="true"
android:layout_width="fill_parent"
android:orientation="horizontal">

<ImageView>...</ImageView>
<ImageView>...</ImageView>
<ImageView>...</ImageView>

</LinearLayout>

<LinearLayout android:id="@+id/linearLayout2"
android:layout_height="fill_parent"
android:layout_weight="1"
android:layout_alignParentLeft="true"
android:layout_width="fill_parent"
android:orientation="horizontal">

<ImageView>...</ImageView>
<ImageView>...</ImageView>
<ImageView>...</ImageView>

</LinearLayout>

<LinearLayout android:id="@+id/linearLayout3"
android:layout_height="fill_parent""
android:layout_weight="1"
android:layout_alignParentLeft="true"
android:layout_width="fill_parent"
android:orientation="horizontal">

<ImageView>...</ImageView>
<ImageView>...</ImageView>
<ImageView>...</ImageView>

</LinearLayout>

关于android - 图标/文本按钮的网格布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5046320/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com