Android control gridview realizes horizontal scrolling effect of single row and multiple columns
- 2021-10-25 07:48:19
- OfStack
In this article, we share the example of Android to realize single-row multi-column horizontal scrolling for your reference. The specific contents are as follows
<GridLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:columnCount="1" >
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="88dp"
android:layout_column="0"
android:layout_gravity="left|bottom"
android:layout_row="0" >
<LinearLayout
android:id="@+id/linearLayout_gridtableLayout"
android:layout_width="1000dp"
android:layout_height="79dp"
android:orientation="horizontal" >
<GridView
android:id="@+id/gridview1"
android:layout_width="600dp"
android:layout_height="match_parent"
android:background="#ffffff"
android:columnWidth="100dp"
android:gravity="center"
android:horizontalSpacing="1dp"
android:numColumns="6"
android:scrollbarAlwaysDrawHorizontalTrack="true"
android:scrollbarAlwaysDrawVerticalTrack="true"
android:scrollbars="horizontal|vertical"
android:verticalSpacing="1dp" />
</LinearLayout>
</HorizontalScrollView>
</GridLayout>
By specifying the width of LinearLayout, you can change the length and width of your GridView. If it is longer than the screen, a horizontal scroll bar will be automatically added.
private int[] icon = { R.drawable.camera, R.drawable.wifi, R.drawable.temperature,
R.drawable.lamp, R.drawable.wechat, R.drawable.mic, };
private String[] iconName = { " Camera ", " Network ", " Temperature and humidity ", " Electrical appliances ", " WeChat ", " Voice " };
private GridView gview;
private List<Map<String, Object>> data_list;
private SimpleAdapter sim_adapter;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//gridview Data adapter
gview = (GridView) findViewById(R.id.gridview1);
// New List
data_list = new ArrayList<Map<String, Object>>();
// Get data
getData();
// New Adapter
String [] from ={"image","text"};
int [] to = {R.id.image,R.id.title};
sim_adapter = new SimpleAdapter(this, data_list, R.layout.items, from, to);
// Configure adapter
gview.setAdapter(sim_adapter);
}
public List<Map<String, Object>> getData(){
//cion And iconName The length of is the same, and you can choose it here 1 All right
for(int i=0;i<icon.length;i++){
Map<String, Object> map = new HashMap<String, Object>();
map.put("image", icon[i]);
map.put("text", iconName[i]);
data_list.add(map);
}
return data_list;
}
In Fragment:
oncreate initializes data, oncreateview initializes gridview and binding adapter
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
View view = inflater.inflate(R.layout.gridview,container, false);
gridview = (GridView) view.findViewById(R.id.gridview1);
// New List
data_list = new ArrayList<Map<String, Object>>();
//http://www.cnblogs.com/xiaobo-Linux/ qq463431476
// Get data
getData();
// New Adapter
String [] from ={"image","text"};
int [] to = {R.id.image,R.id.title};
sim_adapter = new SimpleAdapter(getActivity(), data_list, R.layout.items, from, to);
// Configure adapter
gridview.setAdapter(sim_adapter);
return view;
}
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
}
// http://www.cnblogs.com/xiaobo-Linux/ qq463431476
public List<Map<String, Object>> getData(){
//cion And iconName The length of is the same, and you can choose it here 1 All right
for(int i=0;i<icon.length;i++){
Map<String, Object> map = new HashMap<String, Object>();
map.put("image", icon[i]);
map.put("text", iconName[i]);
data_list.add(map);
}
return data_list;
}