Material Design 已经问世,随之而来的是一些用普通技能难以编码的新魔法功能,据说这些功能只能在硅谷找到。双关语意。
无论如何,我试图让 Ripple 效果在 API<21 上工作,即棒棒糖之前的设备。就其最字面意义而言,涟漪效应,水,就此而言。
这是我尝试过的。方法很简单。我把三个布局涂成灰色,三个白色,然后是另外三个白色和三个灰色,然后闭嘴。
但是,实施并没有奏效。只有第二个可运行的运行并且效果没有实现。
这是我的 activity.java :
package dreamnyc.ripple;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
public class MainActivity extends ActionBarActivity {
public String TAG = "okay";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final Button b;
final RelativeLayout la1;
final LinearLayout la2, la3, la4, la5, la6, la7;
la1 = (RelativeLayout) findViewById(R.id.l1);
la2 = (LinearLayout) findViewById(R.id.l2);
la3 = (LinearLayout) findViewById(R.id.l3);
la4 = (LinearLayout) findViewById(R.id.l4);
la5 = (LinearLayout) findViewById(R.id.l5);
la6 = (LinearLayout) findViewById(R.id.l6);
la7 = (LinearLayout) findViewById(R.id.l7);
b = (Button) findViewById(R.id.button);
b.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
la7.setBackgroundColor(Color.LTGRAY);
final Runnable r1 = new Runnable() {
@Override
public void run() {
synchronized (this) {
try {
la7.setBackgroundColor(Color.WHITE);
la6.setBackgroundColor(Color.LTGRAY);
la4.setBackgroundColor(Color.LTGRAY);
la2.setBackgroundColor(Color.LTGRAY);
la5.setBackgroundColor(Color.WHITE);
la3.setBackgroundColor(Color.WHITE);
la1.setBackgroundColor(Color.WHITE);
wait(100);
} catch (InterruptedException e) {
Log.d(TAG, "exception encountered" + e);
}
synchronized (this) {
try {
final Runnable r2 = new Runnable() {
@Override
public void run() {
la7.setBackgroundColor(Color.WHITE);
la5.setBackgroundColor(Color.LTGRAY);
la3.setBackgroundColor(Color.LTGRAY);
la1.setBackgroundColor(Color.LTGRAY);
la6.setBackgroundColor(Color.WHITE);
la4.setBackgroundColor(Color.WHITE);
la2.setBackgroundColor(Color.WHITE);
}
};
wait(10);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}
};
runOnUiThread(r1);
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
这是布局:
<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=".MainActivity"
android:id="@+id/l1">
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:padding="15dp"
android:id="@+id/l2">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:padding="15dp"
android:id="@+id/l3">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:padding="15dp"
android:id="@+id/l4">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:padding="15dp"
android:id="@+id/l5">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:padding="15dp"
android:id="@+id/l6">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:padding="15dp"
android:id="@+id/l7">
<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Ripple"
android:id="@+id/button"
android:layout_marginTop="130dp" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</RelativeLayout>
请前往您使用的 IDE 看看会发生什么,无论是否有第二个可运行文件。
以下是截图:
可单独运行一个:一个
单独运行两个:两个
两者:与一个相同,但两者都是。