看網路上的教學寫了一個小程式, 利用GridView列出所有在Drawable裡面的圖片(這裡放入12生肖圖), 點入其中一張圖跳轉到另一個Activity顯示完整的圖, 原本是想在這個Activity做Crop的動作, 但是還在找相關的教學文章, 所以還沒有implement
MainActivity.java
public class MainActivity extends ActionBarActivity {
private GridView gridView;
public static int[] image = {
R.drawable.mouse,
R.drawable.cow,
R.drawable.tiger,
R.drawable.rabbit,
R.drawable.dragon,
R.drawable.snake,
R.drawable.horse,
R.drawable.goat,
R.drawable.monkey,
R.drawable.chicken,
R.drawable.dog,
R.drawable.pig
};
private String[] imgText = {"鼠","牛","虎","兔","龍","蛇","馬","羊","猴","雞","狗","豬"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
List
FullImage.java
public class FullImage extends ActionBarActivity {
ImageView image;
int image_index;
Drawable drawable;
Resources res;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_full_image);
image = (ImageView)findViewById(R.id.image);
image_index = getIntent().getExtras().getInt("img");
res = getBaseContext().getResources();
drawable = res.getDrawable(MainActivity.image[image_index]);
image.setImageDrawable(drawable);
}
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:orientation="vertical"
tools:context=".MainActivity">
<GridView
android:id="@+id/main_page_gridview"
android:numColumns="auto_fit"
android:gravity="center"
android:columnWidth="100dp"
android:stretchMode="columnWidth"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</LinearLayout>
activity_full_image.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="com.foxlinkimage.alex.gridviewtest.FullImage"
android:id="@+id/relayout">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<LinearLayout
android:layout_below="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<Button
android:id="@+id/crop"
android:text="Crop"
android:textSize="15sp"
android:layout_width="80dp"
android:layout_height="40dp" />
</LinearLayout>
</RelativeLayout>
grid_item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:gravity="center"
android:layout_width="match_parent" android:layout_height="match_parent">
<ImageView
android:id="@+id/image"
android:layout_marginTop="10dp"
android:layout_width="100dp"
android:layout_height="100dp" />
<TextView
android:id="@+id/text"
android:textSize="12sp"
android:gravity="center"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
