Android Metro 메뉴 구현 아이디어 및 코드

오늘 은 안 드 로 이 드 의 메뉴 를 계속 말씀 드 리 겠 습 니 다.그 전에 소 개 했 습 니 다.메 트 로 스타일 이 낯 설 지 않 을 거 라 고 믿 습 니 다.다음은 안 드 로 이 드 플랫폼 에서 이 효 과 를 실현 하 겠 습 니 다.그림 사고 실현:애니메이션 을 이용 하여 이동 효 과 를 실현 하고 TranslateAnimation 이라는 방법 을 사용 합 니 다.레이아웃 파일 먼저 보기:activitymain.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:background="#000000" 
android:orientation="vertical" > 
<!--     --> 
<LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:orientation="horizontal" > 
<!--        --> 

<!--         --> 
<LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:orientation="vertical" > 
<LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:orientation="horizontal" > 
<!-- 1 --> 
<RelativeLayout 
android:id="@+id/nine_one" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:background="#FFFF00" > 
</RelativeLayout> 
<!-- 2 --> 
<RelativeLayout 
android:id="@+id/nine_two" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:background="#FFC0CB" > 
</RelativeLayout> 
</LinearLayout> 
<!-- 4 --> 
<RelativeLayout 
android:id="@+id/nine_four" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:background="#EE30A7" > 
</RelativeLayout> 
<!-- 5 --> 
<RelativeLayout 
android:id="@+id/nine_five" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:background="#EE4000" > 
</RelativeLayout> 
</LinearLayout> 
<!--         --> 
<LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="2" 
android:orientation="vertical" > 
<!-- 3 --> 
<RelativeLayout 
android:id="@+id/nine_three" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="2" 
android:background="#FF8C69" > 
</RelativeLayout> 
<!-- 6 --> 
<RelativeLayout 
android:id="@+id/nine_six" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:background="#8C8C8C" > 
</RelativeLayout> 
</LinearLayout> 
</LinearLayout> 
<!--     --> 
<LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="3" 
android:baselineAligned="false" 
android:orientation="horizontal" > 
<!-- 7 --> 
<RelativeLayout 
android:id="@+id/nine_seven" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:background="#8B3E2F" > 
</RelativeLayout> 
<!-- 8 --> 
<!-- 9 --> 
<RelativeLayout 
android:id="@+id/nine_nine" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_weight="1" 
android:background="#A52A2A" > 
</RelativeLayout> 
</LinearLayout> 
</LinearLayout> 

의 효 과 는 다음 과 같 습 니 다. 그 다음 에 MainActivity 에서 모든 Layout 를 애니메이션 으로 이동 하면 이동 효 과 를 실현 할 수 있 습 니 다.MainActivity.java:

 
import android.app.Activity; 
import android.content.Intent; 
import android.os.Bundle; 
import android.util.DisplayMetrics; 
import android.view.LayoutInflater; 
import android.view.Menu; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.Window; 
import android.view.animation.TranslateAnimation; 
import android.widget.RelativeLayout; 
import android.widget.Toast; 
/** 
* 
*/ 
public class MainActivity extends Activity { 
private View viewNine; 
private LayoutInflater inflater; 
private RelativeLayout nine_one, nine_two, nine_three, nine_four, 
nine_five, nine_six, nine_seven, nine_nine; 
private TranslateAnimation myAnimation_Right, myAnimation_Bottom; 
private TranslateAnimation myAnimation_Left, myAnimation_Top; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
requestWindowFeature(Window.FEATURE_NO_TITLE); 
inflater = LayoutInflater.from(this); 
viewNine = inflater.inflate(R.layout.activity_main, null); 
nine_one = (RelativeLayout) viewNine.findViewById(R.id.nine_one); 
nine_two = (RelativeLayout) viewNine.findViewById(R.id.nine_two); 
nine_three = (RelativeLayout) viewNine.findViewById(R.id.nine_three); 
nine_four = (RelativeLayout) viewNine.findViewById(R.id.nine_four); 
nine_five = (RelativeLayout) viewNine.findViewById(R.id.nine_five); 
nine_six = (RelativeLayout) viewNine.findViewById(R.id.nine_six); 
nine_seven = (RelativeLayout) viewNine.findViewById(R.id.nine_seven); 
nine_nine = (RelativeLayout) viewNine.findViewById(R.id.nine_nine); 
setContentView(viewNine); 
nine_four.setOnClickListener(new OnClickListener() { 
@Override 
public void onClick(View v) { 
Intent intent=new Intent(MainActivity.this,OneActivity.class); 
startActivity(intent); 
} 
}); 
nine_six.setOnClickListener(new OnClickListener() { 
@Override 
public void onClick(View v) { 

} 
}); 
myAnimation(); 
addAnimation(); 
} 
//      
private void addAnimation() { 
nine_one.startAnimation(myAnimation_Right); 
nine_two.startAnimation(myAnimation_Bottom); 
nine_three.startAnimation(myAnimation_Left); 
nine_four.startAnimation(myAnimation_Bottom); 
nine_five.startAnimation(myAnimation_Left); 
nine_six.startAnimation(myAnimation_Top); 
nine_seven.startAnimation(myAnimation_Left); 
nine_nine.startAnimation(myAnimation_Left); 
} 
//      
private void myAnimation() { 
DisplayMetrics displayMetrics = new DisplayMetrics(); 
displayMetrics = this.getResources().getDisplayMetrics(); 
//        
int screenWidth = displayMetrics.widthPixels; 
//        
int screenHeight = displayMetrics.heightPixels; 

myAnimation_Right = new TranslateAnimation(screenWidth, 0, 0, 0); 
myAnimation_Right.setDuration(1800); 
myAnimation_Bottom = new TranslateAnimation(0, 0, screenHeight, 0); 
myAnimation_Bottom.setDuration(1500); 
myAnimation_Left = new TranslateAnimation(-screenWidth, 0, 0, 0); 
myAnimation_Left.setDuration(2000); 
myAnimation_Top = new TranslateAnimation(0, 0, -screenHeight, 0); 
myAnimation_Top.setDuration(2500); 
} 
@Override 
public boolean onCreateOptionsMenu(Menu menu) { 
// Inflate the menu; this adds items to the action bar if it is present. 
// getMenuInflater().inflate(R.menu.activity_main, menu); 
return true; 
} 
} 

효 과 는 괜 찮 지만 레이아웃 파일 은 끼 워 넣 기 를 사용 하여 창 을 그 릴 때의 성능 에 문제 가 생 겼 습 니 다.따라서 프로그램 에 대한 요구 가 엄격 하 다 면 RelativewLayout 를 사용 하여 레이아웃 을 하고 끼 워 넣 는 것 을 줄 이 는 것 을 권장 합 니 다.다운로드 주소