Material Design问世了,随之而来的是一些新的神奇功能,这些功能很难用普通技能进行编码,据说只有在硅谷才能找到。潘有意。
无论如何,我正在努力让Ripple效果在API上工作<21,即棒棒糖前设备。在最字面的意义上,涟漪效应,水,就这一点而言。
这是我试过的。方法很简单。我把三个布局涂成灰色,三个涂成白色,然后把另外三个涂上白色,三个染成灰色,然后闭嘴。
然而,执行工作没有奏效。只有第二个可运行,效果没有实现。
这是我的活动.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,看看有没有第二个可运行程序会发生什么。
以下是屏幕截图:
单独运行:一个
单独运行两个:两个
两者:虽然两者都一样,但都一样。
一个
对于棒棒糖(API>21),请使用此
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:color="?android:colorAccent"
tools:targetApi="lollipop">
<item android:drawable="@color/cancel_btn_clr" /> <!-- default -->
<item android:id="@android:id/mask">
<shape android:shape="rectangle">
<solid android:color="?android:colorAccent" />
</shape>
</item>
</ripple>
对于棒棒糖前(API<21)
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape>
<solid android:color="@color/colorAccent"></solid>
</shape>
</item>
<item>
<shape>
<solid android:color="@color/cancel_btn_clr"></solid>
</shape>
</item>
</selector>